purgatory/clash-verge
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: update layout style

Browse Source
This commit is contained in:
GyDi 2021-12-10 02:25:09 +08:00
parent c501898d5f
commit ce42e6ed49
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/assets/styles/index.scss
View File

@ -11,4 +11,13 @@ code {
monospace; monospace;
} }
*::-webkit-scrollbar {
width: 8px;
background: transparent;
}
*::-webkit-scrollbar-thumb {
border-radius: 8px;
background-color: rgba(#909399, 0.5);
}
@import "./layout.scss"; @import "./layout.scss";

8
src/assets/styles/layout.scss
View File

@ -1,19 +1,21 @@
.layout { .layout {
width: 100%; width: 100%;
height: 100%; height: 100vh;
display: flex; display: flex;
&__sidebar { &__sidebar {
position: relative; position: relative;
height: 100vh; height: 100%;
flex: 1 0 25%; flex: 1 0 25%;
max-width: 250px; max-width: 250px;
overflow: hidden auto;
} }
&__content { &__content {
flex: 1 1 75%; flex: 1 1 75%;
padding: 20px 30px; height: 100%;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden auto;
} }
&__traffic { &__traffic {