feat: update layout style

libnyanpasu · Dec 9, 2021 · ce42e6e · ce42e6e
1 parent c501898
commit ce42e6e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
@@ -11,4 +11,13 @@ code {
     monospace;
 }
 
+*::-webkit-scrollbar {
+  width: 8px;
+  background: transparent;
+}
+*::-webkit-scrollbar-thumb {
+  border-radius: 8px;
+  background-color: rgba(#909399, 0.5);
+}
+
 @import "./layout.scss";
diff --git a/src/assets/styles/layout.scss b/src/assets/styles/layout.scss
@@ -1,19 +1,21 @@
 .layout {
   width: 100%;
-  height: 100%;
+  height: 100vh;
   display: flex;
 
   &__sidebar {
     position: relative;
-    height: 100vh;
+    height: 100%;
     flex: 1 0 25%;
     max-width: 250px;
+    overflow: hidden auto;
   }
 
   &__content {
     flex: 1 1 75%;
-    padding: 20px 30px;
+    height: 100%;
     box-sizing: border-box;
+    overflow: hidden auto;
   }
 
   &__traffic {