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

Adjust vertical padding on lyrics display

Browse source
This commit is contained in:
jeffvli 2023-06-09 16:31:31 -07:00 • committed by Jeff
parent 7f6efbe6dc
commit f4eaacc64a
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -18,7 +18,7 @@ const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null;
const SynchronizedLyricsContainer = styled.div` const SynchronizedLyricsContainer = styled.div`
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 5rem 0; padding: 10vh 0 6vh;
overflow: scroll; overflow: scroll;
transform: translateY(-2rem); transform: translateY(-2rem);
@ -29,6 +29,10 @@ const SynchronizedLyricsContainer = styled.div`
rgba(0, 0, 0, 100%) 85%, rgba(0, 0, 0, 100%) 85%,
transparent 95% transparent 95%
); );
@media screen and (max-width: 768px) {
padding: 5vh 0;
}
`; `;
interface SynchronizedLyricsProps extends Omit<FullLyricsMetadata, 'lyrics'> { interface SynchronizedLyricsProps extends Omit<FullLyricsMetadata, 'lyrics'> {