From c8b2159df5a580788da068a650c24a9db6308132 Mon Sep 17 00:00:00 2001
From: aidewoode <aidewoode@gmail.com>
Date: Fri, 5 Jan 2024 12:51:15 +0800
Subject: [PATCH] Increase the size of sidebar

---
 app/assets/stylesheets/components/_sidebar.scss | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/components/_sidebar.scss b/app/assets/stylesheets/components/_sidebar.scss
index 13bb7a9b..408d229d 100644
--- a/app/assets/stylesheets/components/_sidebar.scss
+++ b/app/assets/stylesheets/components/_sidebar.scss
@@ -2,7 +2,6 @@
 @use "../settings/variables";
 
 .c-sidebar {
-  width: 360px;
   background: var(--sidebar-bg-color);
   z-index: variables.$sidebar-zindex;
 }
@@ -10,31 +9,37 @@
 @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;
     }
   }