root/clash-verge-rev
1
0
Fork 0
mirror of https://github.com/clash-verge-rev/clash-verge-rev.git synced 2026-01-29 08:45:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(layout): add logo & update style

Browse Source
This commit is contained in:
GyDi
2021-12-11 20:35:02 +08:00
parent c413d93bb0
commit 0028bef559
6 changed files with 69 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,28 +1,42 @@
.layout {
width: 100%;
height: 100vh;
display: flex;
overflow: hidden;
&__sidebar {
position: relative;
height: 100%;
flex: 1 0 25%;
max-width: 250px;
height: 100vh;
max-width: 225px;
min-width: 125px;
overflow: hidden auto;
}
&__content {
position: relative;
flex: 1 1 75%;
height: 100%;
height: 100vh;
overflow: overlay;
box-sizing: border-box;
}
&__logo {
width: 100%;
height: auto;
max-width: 180px;
max-height: 180px;
margin: 0 auto;
padding: 8px 8px 0;
user-select: none;
text-align: center;
box-sizing: border-box;
overflow: hidden auto;
}
&__traffic {
position: absolute;
left: 0;
right: 0;
bottom: 18px;
bottom: 8px;
> div {
margin: 0 auto;