feat(navigation): shrink/grow to label/min-width/max-width

pigmentapp · Apr 20, 2019 · e47754f · e47754f
1 parent 6606f6f
commit e47754f
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -54,17 +54,18 @@ export default {
 
   display: grid;
   grid-auto-flow: dense;
-  grid-template-columns: [aside] config('width.64') [main] auto;
+  grid-template-columns: [aside] min-content [main] auto;
   grid-template-rows: 100vh;
 }
 
 .app--sidebar-right {
-  grid-template-columns: [main] auto [aside] config('width.64');
+  grid-template-columns: [main] auto [aside] min-content;
 }
 
 .aside {
   @apply flex flex-col;
   grid-column: aside;
+  max-width: config('width.64');
 }
 
 .aside__header {