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

Fix lyrics mask

Browse source
This commit is contained in:
jeffvli 2023-09-21 17:41:27 -07:00
parent 201ee895f9
commit fbb0907a70
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -25,6 +25,14 @@ const SynchronizedLyricsContainer = styled.div<{ $gap: number }>`
overflow: scroll; overflow: scroll;
transform: translateY(-2rem); transform: translateY(-2rem);
-webkit-mask-image: linear-gradient(
180deg,
transparent 5%,
rgb(0 0 0 / 100%) 20%,
rgb(0 0 0 / 100%) 85%,
transparent 95%
);
mask-image: linear-gradient( mask-image: linear-gradient(
180deg, 180deg,
transparent 5%, transparent 5%,