kennethnym/infinifi
1
0
Fork 0
Code Issues 2 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix: play button effect

Browse Source
This commit is contained in:
Hegyi Áron Ferenc
2024-07-24 11:04:20 +02:00
parent eeb0d03fe8
commit 31a86fadf9
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/style.css
View File

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