2 months ago
dd06e48Move lyric alignment state into LyricsStore so both the main window and the fullscreen audience window can toggle it. In audience left-aligned mode the lyrics now fill the padded viewport instead of clamping to 92vw/1600px, which removes the large black side bars and gives long lines enough room to wrap. Switched the left-aligned audience grid to `1fr auto` so the primary lyric column takes the remaining width and the romanization column sizes to its content. Added `min-w-0 break-words` to the primary lyric and background word spans so they wrap instead of overflowing. Disabled the active-line scale for left-aligned audience to prevent the scaled line from overflowing the stage clipping bounds. Added an alignment toggle button to FullscreenControls next to the romanize button, using AlignLeft/AlignCenter icons. Updated tests and mocks to include the new LyricsStore state. Also includes the previously uncommitted Edit Lyrics dialog sizing, z-index, and backdrop opacity fixes.
Parenta96c343