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:
1 parent
07b7228538
commit
223a7f5e1d
5 files changed
+20
-23
No files matched your search
@@ -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}
|
||||
|
||||
Reference in new issue
Block a user