Fix lyrics mask

2023-09-21 17:41:27 -07:00 · 2023-09-21 17:41:27 -07:00 · fbb0907a70
commit fbb0907a70
parent 201ee895f9
1 changed files with 8 additions and 0 deletions
--- a/src/renderer/features/lyrics/synchronized-lyrics.tsx
+++ b/src/renderer/features/lyrics/synchronized-lyrics.tsx
@ -25,6 +25,14 @@ const SynchronizedLyricsContainer = styled.div<{ $gap: number }>`
    overflow: scroll;
    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(
        180deg,
        transparent 5%,