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 {
--
GitLab