Increase the size of sidebar

blackcandy-org · Jan 5, 2024 · c8b2159 · c8b2159
1 parent 1935641
commit c8b2159
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/app/assets/stylesheets/components/_sidebar.scss b/app/assets/stylesheets/components/_sidebar.scss
@@ -2,39 +2,44 @@
 @use "../settings/variables";
 
 .c-sidebar {
-  width: 360px;
   background: var(--sidebar-bg-color);
   z-index: variables.$sidebar-zindex;
 }
 
 @include responsive.media-query using ($breakpoint) {
   @if $breakpoint == "extra-wide" {
     .c-sidebar {
-      width: 380px;
+      width: 440px;
     }
   }
 
   @if $breakpoint == "wide" {
     .c-sidebar {
-      width: 370px;
+      width: 420px;
+    }
+  }
+
+  @if $breakpoint == "extra-large" {
+    .c-sidebar {
+      width: 400px;
     }
   }
 
   @if $breakpoint == "large" {
     .c-sidebar {
-      width: 350px;
+      width: 380px;
     }
   }
 
   @if $breakpoint == "medium" {
     .c-sidebar {
-      width: 340px;
+      width: 360px;
     }
   }
 
   @if $breakpoint == "small" {
     .c-sidebar {
-      width: 330px;
+      width: 340px;
     }
   }