feat(lyrics): smoother transitions and static lyrics at top

- Reduced transition durations from 300-400ms to 120-150ms
- Changed easing to ease-out for snappier feel
- Added will-change for GPU acceleration
- Non-synced lyrics now display at container top (no spacers)
- Added isSynced prop to all lyrics components
This commit is contained in:
vicrodh committed 2026-01-10 07:37:04 -06:00
1 parent b171a17b57
commit 340fb2a72a
6 files changed
+45 -14

No files matched your search

+3
View File
@@ -23,6 +23,7 @@
lyricsLines?: LyricsLine[];
lyricsActiveIndex?: number;
lyricsActiveProgress?: number;
lyricsSynced?: boolean;
lyricsLoading?: boolean;
lyricsError?: string | null;
}
@@ -43,6 +44,7 @@
lyricsLines = [],
lyricsActiveIndex = -1,
lyricsActiveProgress = 0,
lyricsSynced = false,
lyricsLoading = false,
lyricsError = null
}: Props = $props();
@@ -141,6 +143,7 @@
lines={lyricsLines}
activeIndex={lyricsActiveIndex}
activeProgress={lyricsActiveProgress}
isSynced={lyricsSynced}
center={false}
compact={false}
immersive={true}