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"> <button id="fs-repeat-btn" title="Repeat">
<use svg="!lucide/repeat.svg" size="24" /> <use svg="!lucide/repeat.svg" size="24" />
</button> </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" /> <use svg="!lucide/pencil-line.svg" size="20" />
<span class="fs-quality-label">Auto</span> <span class="fs-quality-label">Auto</span>
</button> </button>

12
js/ui.js
View file

@ -1307,7 +1307,9 @@ export class UIRenderer {
nextTrackEl.classList.remove('animate-in'); 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) { if (canRenderLyrics) {
lyricsToggleBtn.style.display = 'none'; lyricsToggleBtn.style.display = 'none';
overlay.classList.remove('lyrics-unavailable'); overlay.classList.remove('lyrics-unavailable');
@ -1318,7 +1320,8 @@ export class UIRenderer {
overlay.classList.add('lyrics-unavailable'); overlay.classList.add('lyrics-unavailable');
if (lyricsContent) { if (lyricsContent) {
clearFullscreenLyricsSync(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'); if (playerBar) playerBar.style.removeProperty('display');
const mainContent = document.querySelector('.main-content'); const mainContent = document.querySelector('.main-content');
if (mainContent instanceof HTMLElement) { 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; mainContent.style.overflowY = this.fullscreenMainContentOverflow;
} else { } else {
mainContent.style.removeProperty('overflow-y'); mainContent.style.removeProperty('overflow-y');

30
styles.css
View file

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