Fix opacity mask for unsynced lyrics container

2026-05-16 13:40:24 +02:00 · 2023-10-07 19:58:04 -07:00
parent 946f4ff306
commit 3675146f1f
1 changed files with 8 additions and 0 deletions
@@ -18,6 +18,14 @@ const UnsynchronizedLyricsContainer = 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%,