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

8
styles.css
View file

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