feat: make the nav bar and article divs flexible, so they increase/de…

…crease based on the screen size
aragon · Dec 4, 2024 · bf09d62 · bf09d62
1 parent 4b78899
commit bf09d62
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/ui/src/css/layout.scss b/ui/src/css/layout.scss
@@ -9,7 +9,8 @@
   overflow-y: auto;
   position: sticky;
   top: 0;
-  width: 300px;
+  width: 20%;
+  max-width: 300px;  
   flex: 0 0 auto;
 }
 
@@ -106,7 +107,6 @@ button.collapse-toggle {
 }
 
 .navbar, .article-wrapper {
-  max-width: 60rem;
   margin: 0 var(--side-margin);
 }
 
@@ -180,7 +180,8 @@ button.collapse-toggle {
   margin-left: var(--lg);
   flex-grow: 0;
   flex-shrink: 0;
-  width: 200px;
+  width: 20%;
+  max-width: 300px;  
   max-height: 80vh;
   position: sticky;
   top: 10vh;