pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use flex gap instead of line height for lyrics

Browse source
This commit is contained in:
jeffvli 2023-06-13 18:44:39 -07:00
parent fbd0e5b27b
commit c5f551e963
3 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/renderer/features/lyrics/lyric-line.tsx
View file

@ -10,7 +10,6 @@ const StyledText = styled(TextTitle)`
color: var(--main-fg); color: var(--main-fg);
font-weight: 400; font-weight: 400;
font-size: 2.5vmax; font-size: 2.5vmax;
line-height: 1.5;
transform: scale(0.95); transform: scale(0.95);
opacity: 0.5; opacity: 0.5;

3
src/renderer/features/lyrics/synchronized-lyrics.tsx
View file

@ -16,6 +16,9 @@ import styled from 'styled-components';
const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null; const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null;
const SynchronizedLyricsContainer = styled.div` const SynchronizedLyricsContainer = styled.div`
display: flex;
flex-direction: column;
gap: 2rem;
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 10vh 0 6vh; padding: 10vh 0 6vh;

3
src/renderer/features/lyrics/unsynchronized-lyrics.tsx
View file

@ -8,6 +8,9 @@ interface UnsynchronizedLyricsProps extends Omit<FullLyricsMetadata, 'lyrics'> {
} }
const UnsynchronizedLyricsContainer = styled.div` const UnsynchronizedLyricsContainer = styled.div`
display: flex;
flex-direction: column;
gap: 2rem;
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 10vh 0 6vh; padding: 10vh 0 6vh;