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

style: auto-fix linting issues

Browse source
This commit is contained in:
edideaur 2026-04-05 17:13:07 +00:00 committed by github-actions[bot]
parent ea330dee98
commit a73a7f11cb
3 changed files with 26 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
index.html
View file

@ -281,7 +281,12 @@
<button id="fs-repeat-btn" title="Repeat">
<use svg="!lucide/repeat.svg" size="24" />
</button>
<button id="fs-quality-btn" class="fs-quality-btn" title="Quality" style="display: none">
<button
id="fs-quality-btn"
class="fs-quality-btn"
title="Quality"
style="display: none"
>
<use svg="!lucide/pencil-line.svg" size="20" />
<span class="fs-quality-label">Auto</span>
</button>

12
js/ui.js
View file

@ -1307,7 +1307,9 @@ export class UIRenderer {
nextTrackEl.classList.remove('animate-in');
}
const canRenderLyrics = Boolean(lyricsManager && activeElement && lyricsPane && lyricsContent && track.type !== 'video');
const canRenderLyrics = Boolean(
lyricsManager && activeElement && lyricsPane && lyricsContent && track.type !== 'video'
);
if (canRenderLyrics) {
lyricsToggleBtn.style.display = 'none';
overlay.classList.remove('lyrics-unavailable');
@ -1318,7 +1320,8 @@ export class UIRenderer {
overlay.classList.add('lyrics-unavailable');
if (lyricsContent) {
clearFullscreenLyricsSync(lyricsContent);
lyricsContent.innerHTML = '<div class="fullscreen-lyrics-empty">Lyrics are not available for this track.</div>';
lyricsContent.innerHTML =
'<div class="fullscreen-lyrics-empty">Lyrics are not available for this track.</div>';
}
}
@ -1372,7 +1375,10 @@ export class UIRenderer {
if (playerBar) playerBar.style.removeProperty('display');
const mainContent = document.querySelector('.main-content');
if (mainContent instanceof HTMLElement) {
if (typeof this.fullscreenMainContentOverflow === 'string' && this.fullscreenMainContentOverflow.length > 0) {
if (
typeof this.fullscreenMainContentOverflow === 'string' &&
this.fullscreenMainContentOverflow.length > 0
) {
mainContent.style.overflowY = this.fullscreenMainContentOverflow;
} else {
mainContent.style.removeProperty('overflow-y');

30
styles.css
View file

@ -4187,6 +4187,7 @@ input:checked + .slider::before {
#fullscreen-cover-overlay.controls-idle {
cursor: none;
}
#fullscreen-cover-image {
max-width: 55vw;
max-height: 45vh;
@ -10319,7 +10320,7 @@ body:has(#side-panel.active) #close-fullscreen-cover-btn {
aspect-ratio: 1 / 1;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 28px 80px rgba(0, 0, 0, 0.26);
box-shadow: 0 28px 80px rgb(0, 0, 0, 0.26);
}
#fullscreen-cover-overlay #fullscreen-cover-image {
@ -10663,16 +10664,16 @@ body:has(#side-panel.active) #close-fullscreen-cover-btn {
--lyrics-scroll-padding-top: 18%;
--lyplus-blur-amount: 0.16em;
--lyplus-blur-amount-near: 0.085em;
height: 100%;
width: 100%;
font-family:
'SF Pro Display',
Inter,
sans-serif;
font-family: 'SF Pro Display', Inter, sans-serif;
--lyplus-font-size-base: clamp(34px, 3vw, 52px);
--lyplus-padding-line: 8px;
--lyplus-text-color: rgba(246, 244, 239, 0.08);
--lyplus-text-color: rgb(246, 244, 239, 0.08);
--lyplus-active-color: #f6f4ef;
line-height: 1.32;
letter-spacing: -0.04em;
font-weight: 600;
@ -10715,11 +10716,8 @@ body:has(#side-panel.active) #close-fullscreen-cover-btn {
width: min(760px, 100%);
gap: 1rem;
align-items: start;
padding:
calc(4.5rem + env(safe-area-inset-top))
clamp(1rem, 4vw, 1.5rem)
calc(1.5rem + env(safe-area-inset-bottom))
clamp(1rem, 4vw, 1.5rem);
padding: calc(4.5rem + env(safe-area-inset-top)) clamp(1rem, 4vw, 1.5rem)
calc(1.5rem + env(safe-area-inset-bottom));
}
#fullscreen-cover-overlay .fullscreen-media-column {
@ -10759,20 +10757,14 @@ body:has(#side-panel.active) #close-fullscreen-cover-btn {
#fullscreen-cover-overlay #toggle-ui-btn {
top: calc(0.75rem + env(safe-area-inset-top));
left: calc(
var(--fs-mobile-top-btn-left) +
(var(--fs-mobile-top-btn-size) * 2) +
(var(--fs-mobile-top-btn-gap) * 2)
var(--fs-mobile-top-btn-left) + (var(--fs-mobile-top-btn-size) * 2) + (var(--fs-mobile-top-btn-gap) * 2)
);
}
#fullscreen-cover-overlay .fullscreen-main-view {
width: 100%;
gap: 0.85rem;
padding:
calc(7.25rem + env(safe-area-inset-top))
0.75rem
calc(1.5rem + env(safe-area-inset-bottom))
0.75rem;
padding: calc(7.25rem + env(safe-area-inset-top)) 0.75rem calc(1.5rem + env(safe-area-inset-bottom));
}
#fullscreen-cover-overlay .fullscreen-track-info,