Refactor style

This commit is contained in:
the1812 2019-09-02 00:04:06 +08:00
parent 7cfc350797
commit c47f7bc12e
4 changed files with 25 additions and 24 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -302,15 +302,26 @@
pointer-events: none;
padding: 8px;
z-index: 3;
transition: .3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.rpc-settings > * {
margin: 8px;
}
.rpc-settings.show {
opacity: 1;
transform: translateX(-50%) scale(1);
pointer-events: initial;
transition: 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
& > * {
margin: 8px;
}
&.show {
opacity: 1;
transform: translateX(-50%) scale(1);
pointer-events: initial;
}
input[type="text"] {
background: transparent;
color: var(--download-video-foreground);
border: 1px solid #8884;
padding: 4px;
margin-left: 8px;
}
input[type="text"]:focus {
border-color: var(--theme-color);
}
}
.rpc-settings-item {
display: flex;
@ -318,16 +329,6 @@
justify-content: space-between;
white-space: nowrap;
}
.rpc-settings input[type="text"] {
background: transparent;
color: var(--download-video-foreground);
border: 1px solid #8884;
padding: 4px;
margin-left: 8px;
}
.rpc-settings input[type="text"]:focus {
border-color: var(--theme-color);
}
button.start-download,
button.cancel-download {
margin-top: 8px;