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

Add updated scroll container to unsync lyrics

Browse source
This commit is contained in:
jeffvli 2023-06-09 16:45:54 -07:00 • committed by Jeff
parent 86c3e54119
commit eeefe9d9dc
1 changed files with 17 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -8,7 +8,23 @@ interface UnsynchronizedLyricsProps extends Omit<FullLyricsMetadata, 'lyrics'> {
} }
const UnsynchronizedLyricsContainer = styled.div` const UnsynchronizedLyricsContainer = styled.div`
padding: 5rem 0; width: 100%;
height: 100%;
padding: 10vh 0 6vh;
overflow: scroll;
transform: translateY(-2rem);
mask-image: linear-gradient(
180deg,
transparent 5%,
rgba(0, 0, 0, 100%) 20%,
rgba(0, 0, 0, 100%) 85%,
transparent 95%
);
@media screen and (max-width: 768px) {
padding: 5vh 0;
}
`; `;
export const UnsynchronizedLyrics = ({ export const UnsynchronizedLyrics = ({