vndangkhoa/kv-music
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

FIX: toggle button hovering bug

Browse source
This commit is contained in:
Julien Maille 2026-02-03 00:05:11 +01:00
parent 08de69086f
commit 9e59a01739
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
styles.css
View file

@ -792,6 +792,7 @@ input[type='search']::-webkit-search-cancel-button {
}
@keyframes pulse {
0%,
100% {
opacity: 1;
@ -1157,6 +1158,7 @@ input[type='search']::-webkit-search-cancel-button {
}
@media (max-width: 1100px) {
#home-recommended-songs,
#artist-detail-tracks,
#playlist-detail-recommended {
@ -1753,11 +1755,11 @@ input[type='search']::-webkit-search-cancel-button {
box-shadow: 0 2px 4px rgb(0, 0, 0, 0.2);
}
input:checked + .slider {
input:checked+.slider {
background-color: var(--primary);
}
input:checked + .slider::before {
input:checked+.slider::before {
transform: translateX(16px);
background-color: var(--primary-foreground);
box-shadow: -2px 2px 4px rgb(0, 0, 0, 0.1);
@ -1769,7 +1771,7 @@ input:checked + .slider::before {
/* Hover scale effect */
}
input:checked + .toggle-switch:hover .slider::before {
.toggle-switch:hover input:checked+.slider::before {
transform: translateX(16px) scale(1.1);
}
@ -5462,4 +5464,4 @@ textarea:focus {
.eq-band {
min-width: 30px;
}
}
}