fix: play button effect
This commit is contained in:
@@ -227,7 +227,8 @@ input[type="range"]::-ms-fill-upper {
|
||||
font-weight: 800;
|
||||
padding: 0.5rem 1rem;
|
||||
color: var(--text);
|
||||
width: 5rem;
|
||||
width: 68px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
@@ -261,7 +262,7 @@ input[type="range"]::-ms-fill-upper {
|
||||
.button:active {
|
||||
background: var(--text) !important;
|
||||
color: var(--base);
|
||||
transform: translate(4px, 4px);
|
||||
transform: translate(3px, 3px);
|
||||
}
|
||||
|
||||
.button.button-active::after,
|
||||
@@ -272,7 +273,7 @@ input[type="range"]::-ms-fill-upper {
|
||||
.button:after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
margin: -2px 0;
|
||||
margin: -2px -2px;
|
||||
top: 1px;
|
||||
left: 1px;
|
||||
right: -1px;
|
||||
@@ -282,7 +283,7 @@ input[type="range"]::-ms-fill-upper {
|
||||
background-color: var(--text);
|
||||
z-index: -1;
|
||||
transform: translate(2px, 2px);
|
||||
width: 3rem;
|
||||
width: 42px;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
Reference in New Issue
Block a user