Cool_Tools/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2024-11-20 14:37:06 +01:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

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