vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-16 05:36:00 +02:00
Code Issues 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
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/lyrics/synchronized-lyrics.tsx
+5 -1
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'> {