mirror/clash-verge-rev-lite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 11 Wiki Activity

Sytle: UI improvement & Update Readme

Browse Source
This commit is contained in:
wonfen
2024-03-10 07:00:24 +08:00
parent 9315fe36b6
commit ed6e966b2f
11 changed files with 38 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,7 +5,7 @@
overflow: hidden;
&__left {
flex: 1 0 228px;
flex: 1 0 200px;
display: flex;
height: 100%;
width: 100%;
@@ -21,23 +21,23 @@
-moz-user-select: none;
-ms-user-select: none;
overflow: hidden;
border-right: 1px solid var(--divider-color);
// border-right: 1px solid var(--divider-color);
// background-color: var(--background-color-alpha);
// $maxLogo: 100px;
.the-logo {
position: relative;
flex: 1 0 58px;
flex: 1 0 47px;
// width: 100%;
display: flex;
height: 100%;
padding: 0px 20px;
padding: 0px 15px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
align-self: stretch;
border-bottom: 1px solid var(--divider-color);
// border-bottom: 1px solid var(--divider-color);
// max-width: $maxLogo + 32px;
// max-height: $maxLogo;
// margin: 0 auto;
@@ -119,7 +119,7 @@
}
.layout__left .the-logo {
flex: 1 0 58px;
flex: 1 0 47px;
}
.layout__right .the-content {

7
src/assets/styles/page.scss
View File

@@ -13,12 +13,13 @@
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid var(--divider-color);
// border-bottom: 1px solid var(--divider-color);
}
.base-container {
height: 100%;
overflow: hidden;
border-radius: 10px;
// border-top-left-radius: var(--border-radius);
> section {
@@ -27,11 +28,11 @@
width: 100%;
height: 100%;
overflow: auto;
padding: 16px 0;
padding: 10px 0;
box-sizing: border-box;
scrollbar-gutter: stable;
.base-content {
width: calc(100% - 16px * 2);
width: calc(100% - 10px * 2);
margin: 0 auto;
}
}