style: auto-fix linting issues
This commit is contained in:
parent
9e59a01739
commit
a542397b3d
2 changed files with 11 additions and 13 deletions
14
js/ui.js
14
js/ui.js
|
|
@ -1621,10 +1621,10 @@ export class UIRenderer {
|
||||||
dateDisplay =
|
dateDisplay =
|
||||||
window.innerWidth > 768
|
window.innerWidth > 768
|
||||||
? releaseDate.toLocaleDateString('en-US', {
|
? releaseDate.toLocaleDateString('en-US', {
|
||||||
year: 'numeric',
|
year: 'numeric',
|
||||||
month: 'long',
|
month: 'long',
|
||||||
day: 'numeric',
|
day: 'numeric',
|
||||||
})
|
})
|
||||||
: year;
|
: year;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -2358,9 +2358,9 @@ export class UIRenderer {
|
||||||
<span>${artist.popularity}% popularity</span>
|
<span>${artist.popularity}% popularity</span>
|
||||||
<div class="artist-tags">
|
<div class="artist-tags">
|
||||||
${(artist.artistRoles || [])
|
${(artist.artistRoles || [])
|
||||||
.filter((role) => role.category)
|
.filter((role) => role.category)
|
||||||
.map((role) => `<span class="artist-tag">${role.category}</span>`)
|
.map((role) => `<span class="artist-tag">${role.category}</span>`)
|
||||||
.join('')}
|
.join('')}
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -792,7 +792,6 @@ input[type='search']::-webkit-search-cancel-button {
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes pulse {
|
@keyframes pulse {
|
||||||
|
|
||||||
0%,
|
0%,
|
||||||
100% {
|
100% {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
|
@ -1158,7 +1157,6 @@ 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 {
|
||||||
|
|
@ -1755,11 +1753,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);
|
||||||
|
|
@ -1771,7 +1769,7 @@ input:checked+.slider::before {
|
||||||
/* Hover scale effect */
|
/* Hover scale effect */
|
||||||
}
|
}
|
||||||
|
|
||||||
.toggle-switch:hover input:checked+.slider::before {
|
.toggle-switch:hover input:checked + .slider::before {
|
||||||
transform: translateX(16px) scale(1.1);
|
transform: translateX(16px) scale(1.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue