feat(nav): make list scrollable

pigmentapp · Apr 19, 2019 · ec3b34c · ec3b34c
1 parent ba35c4b
commit ec3b34c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git 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
@@ -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;
 }