From ce42e6ed49056348af6ebb90c602dc448946a87b Mon Sep 17 00:00:00 2001
From: GyDi <segydi@foxmail.com>
Date: Fri, 10 Dec 2021 02:25:09 +0800
Subject: [PATCH] feat: update layout style

---
 src/assets/styles/index.scss  | 9 +++++++++
 src/assets/styles/layout.scss | 8 +++++---
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 7121814..4fe2cab 100644
--- 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
index 1f17d8f..7db9ae1 100644
--- 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 {