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

Fix opacity mask for unsynced lyrics container

Browse source
This commit is contained in:
jeffvli 2023-10-07 19:58:04 -07:00
parent 946f4ff306
commit 3675146f1f
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/unsynchronized-lyrics.tsx
View file

@ -18,6 +18,14 @@ const UnsynchronizedLyricsContainer = 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%,