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

View File

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

View File

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

View File

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