From e91211898596c68a50c69d960dafbced9d6e9e64 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Thu, 14 Mar 2019 13:20:59 +0000
Subject: [PATCH] Overlap sidebar
---
src/components/Sidebar.vue | 2 +-
tailwind.js | 4 ++++
2 files changed, 5 insertions(+), 1 deletion(-)
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 486545d..bbfa5c9 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -1,5 +1,5 @@
<template>
- <div class="w-auto lg:w-56 bg-grey-light text-grey-darker antialiased fixed pin-l h-full overflow-y-scroll">
+ <div class="w-auto lg:w-56 bg-grey-light text-grey-darker antialiased fixed pin-l h-full overflow-y-scroll z-30 -mt-2px">
<div>
<ul class="list-reset">
<li v-for="link in links" :key="link.title">
diff --git a/tailwind.js b/tailwind.js
index 81a7dcd..b4b90a3 100644
--- a/tailwind.js
+++ b/tailwind.js
@@ -66,6 +66,10 @@ module.exports = {
'56': '14rem',
'64': '16rem',
},
+ negativeMargin: {
+ ...defaultConfig.negativeMargin,
+ '2px': '2px',
+ },
width: {
...defaultConfig.width,
'56': '14rem',