chore: polish styling

Author: edwardzjl

web/src/routes/root/ChatTab/index.module.css

@@ -65,7 +65,6 @@
   background-color: var(--bg-primary);
   border: 1px solid var(--border-color);
   border-radius: 5px;
-  z-index: 1;
   padding: 0.5rem;
 }
 

web/src/routes/root/Sidebar/index.module.css

@@ -1,4 +1,6 @@
 .sidebar {
+    width: 20vw;
+    max-height: 100%;
     padding: 10px;
     border: 1px solid rgba(255, 255, 255, .2);
     background-color: var(--bg-primary);
@@ -11,22 +13,6 @@
     text-decoration: none;
 }
 
-.convList {
-    display: flex;
-    height: 100%;
-    flex-direction: column;
-    overflow: auto;
-    scrollbar-color: var(--border-color) transparent;
-    scrollbar-width: thin;
-}
-
-.sidebarDateGroup {
-    color: var(--text-3);
-    text-align: start;
-    margin: 10px;
-    margin-top: 20px;
-}
-
 .sidebarButton {
     height: 2rem;
     margin: 2px;
@@ -45,6 +31,25 @@
     background-color: var(--bg-secondary);
 }
 
+.convList {
+    display: flex;
+    height: 100%;
+    flex-direction: column;
+    overflow-y: auto;
+    overflow-x: visible;
+    scrollbar-color: var(--border-color) transparent;
+    scrollbar-width: thin;
+}
+
+.sidebarDateGroup {
+    color: var(--text-3);
+    text-align: start;
+    margin: 10px;
+    margin-top: 20px;
+}
+
+
+
 .sidebarBottom {
     margin-top: auto;
     width: 90%;

web/src/routes/root/index.css

@@ -43,15 +43,15 @@
 }
 
 .App {
-  text-align: center;
-  display: flex;
-  background-color: var(--bg-primary);
-  color: var(--text-primary);
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
+  text-align: center;
+  display: flex;
+  background-color: var(--bg-primary);
+  color: var(--text-primary);
 }
 
 .App-logo {