From ec3b34c3fbdc9ff26460f404bd4d50c77b907914 Mon Sep 17 00:00:00 2001
From: herteleo <leonard.hertel@gmail.com>
Date: Fri, 19 Apr 2019 23:33:20 +0200
Subject: [PATCH] feat(nav): make list scrollable

---
 src/components/TabsNav.vue     | 2 +-
 src/components/TabsNavItem.vue | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/TabsNav.vue b/src/components/TabsNav.vue
index f0fb325..4a63e3d 100644
--- a/src/components/TabsNav.vue
+++ b/src/components/TabsNav.vue
@@ -39,7 +39,7 @@ export default {
 
 <style lang="postcss" module>
 .nav {
-  @apply flex flex-col;
+  @apply flex flex-col p-1 overflow-y-auto;
 }
 
 .drag {
diff --git a/src/components/TabsNavItem.vue b/src/components/TabsNavItem.vue
index bc58f1b..3302568 100644
--- a/src/components/TabsNavItem.vue
+++ b/src/components/TabsNavItem.vue
@@ -47,10 +47,14 @@ export default {
 <style lang="postcss" module>
 .item {
   @apply
-    flex items-center p-2 mx-1 mt-1
+    flex flex-no-shrink items-center p-2
     text-grey-dark text-left rounded-sm;
 }
 
+.item + .item {
+  @apply mt-1;
+}
+
 .active {
   @apply text-grey-light bg-grey-darkest shadow;
 }