Improve: optimize styles

This commit is contained in:
jas0ncn 2018-10-27 23:03:53 +08:00
parent 27af0a636b
commit c5a9d5ad62
4 changed files with 8 additions and 6 deletions

View File

@ -1,11 +1,13 @@
@import '~@styles/variables';
.header {
margin: 10px 0;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
user-select: none;
> h1 {
flex-shrink: 0;
@ -13,7 +15,6 @@
color: $color-primary-dark;
font-weight: 500;
text-shadow: 0 2px 6px rgba($color: $color-primary-dark, $alpha: 0.4);
user-select: none;
line-height: 32px;
}
}

View File

@ -2,7 +2,7 @@
display: flex;
flex-direction: column;
flex: 1;
margin-top: 25px;
margin-top: 10px;
}
.logs-panel {
@ -14,9 +14,10 @@
padding: 10px;
border-radius: 2px;
background-color: #f3f6f9;
font-size: 14px;
font-size: 12px;
color: #73808f;
overflow-y: auto;
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
li {
line-height: 20px;

View File

@ -4,7 +4,7 @@
display: flex;
flex-direction: column;
flex: 1;
margin-top: 25px;
margin-top: 10px;
padding: 0;
.rules {

View File

@ -1,7 +1,7 @@
@import '~@styles/variables';
.settings-card {
margin-top: 25px;
margin-top: 10px;
padding: 20px 0;
.column {
@ -37,7 +37,7 @@
.clash-version {
position: relative;
margin-top: 25px;
margin-top: 10px;
padding: 20px 45px;
display: flex;