diff --git a/js/ui.js b/js/ui.js index 0386364..d7cf94e 100644 --- a/js/ui.js +++ b/js/ui.js @@ -1621,10 +1621,10 @@ export class UIRenderer { dateDisplay = window.innerWidth > 768 ? releaseDate.toLocaleDateString('en-US', { - year: 'numeric', - month: 'long', - day: 'numeric', - }) + year: 'numeric', + month: 'long', + day: 'numeric', + }) : year; } } @@ -2358,9 +2358,9 @@ export class UIRenderer { ${artist.popularity}% popularity
`; diff --git a/styles.css b/styles.css index c4b32c6..b58095d 100644 --- a/styles.css +++ b/styles.css @@ -792,7 +792,6 @@ input[type='search']::-webkit-search-cancel-button { } @keyframes pulse { - 0%, 100% { opacity: 1; @@ -1158,7 +1157,6 @@ input[type='search']::-webkit-search-cancel-button { } @media (max-width: 1100px) { - #home-recommended-songs, #artist-detail-tracks, #playlist-detail-recommended { @@ -1755,11 +1753,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); @@ -1771,7 +1769,7 @@ input:checked+.slider::before { /* Hover scale effect */ } -.toggle-switch:hover input:checked+.slider::before { +.toggle-switch:hover input:checked + .slider::before { transform: translateX(16px) scale(1.1); } @@ -5464,4 +5462,4 @@ textarea:focus { .eq-band { min-width: 30px; } -} \ No newline at end of file +}