fix(immersive): improve background quality and polish UI

- Increase canvas blur size from 64x64 to 256x256 for smoother background
- Fix lyrics horizontal scroll by adding word-wrap and overflow-x: hidden
- Remove queue button from controls (use header tab instead)
- Add queue sync effect when immersive player is open

Addresses visual quality issues with pixelated background and long
German lyrics causing horizontal overflow.
This commit is contained in:
vicrodh committed 2026-01-30 16:40:20 -06:00
1 parent 07b7228538
commit 223a7f5e1d
5 files changed
+20 -23

No files matched your search

+9 -5
View File
@@ -2587,6 +2587,15 @@
}
});
// Sync queue state when immersive player is open and track changes
$effect(() => {
const trackId = currentTrack?.id;
const immersiveOpen = isFullScreenOpen || isFocusModeOpen;
if (immersiveOpen && trackId !== undefined) {
syncQueueState();
}
});
// Helper function to fetch and update queue counts and history
async function updateQueueCounts() {
const state = await getBackendQueueState();
@@ -3095,11 +3104,6 @@
onToggleRepeat={toggleRepeat}
{isFavorite}
onToggleFavorite={toggleFavorite}
onOpenQueue={() => {
closeFullScreen();
closeFocusMode();
toggleQueue();
}}
lyricsLines={lyricsLines.map(l => ({ text: l.text }))}
lyricsActiveIndex={lyricsActiveIndex}
lyricsActiveProgress={lyricsActiveProgress}