fix: play button effect

This commit is contained in:
Hegyi Áron Ferenc
2024-07-24 11:04:20 +02:00
parent eeb0d03fe8
commit 31a86fadf9

View File

@@ -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) {