mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-25 08:01:20 -08:00
调整设置样式
This commit is contained in:
1 parent
c323cea07a
commit
c89f99f8a3
7 files changed
+73
-91
No files matched your search
@@ -22,7 +22,7 @@
|
||||
height: 100%;
|
||||
font-size: 12px;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
transition: all .2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
overflow: hidden;
|
||||
.artplayer-setting-body {
|
||||
overflow-y: auto;
|
||||
@@ -32,42 +32,41 @@
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||||
padding: 12px 20px 12px 20px;
|
||||
.art-setting-header {
|
||||
color: #fff;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.art-setting-body {
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.art-setting-btns {
|
||||
.art-setting-radio {
|
||||
display: flex;
|
||||
margin-left: -4px;
|
||||
margin-right: -4px;
|
||||
.art-setting-btn {
|
||||
.art-radio-item {
|
||||
flex: 1;
|
||||
padding: 0 4px;
|
||||
span {
|
||||
display: block;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
padding: 0 2px;
|
||||
button {
|
||||
height: 22px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: #fff;
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
&:hover,
|
||||
&.current {
|
||||
span {
|
||||
color: #fff;
|
||||
background: #00a1d6;
|
||||
}
|
||||
&.current button {
|
||||
background: #00a1d6;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.art-setting-range {
|
||||
input {
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
outline: none;
|
||||
appearance: none;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.artplayer-setting-show {
|
||||
|
||||
Reference in new issue
Block a user