vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-10 04:30:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

adjust lyrics scroll mask to improve edge visibility (#1562)

Browse Source
This commit is contained in:
jeffvli
2026-01-17 03:37:49 -08:00
parent 3f3540dd2b
commit cd887f8615
3 changed files with 2 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/lyrics/lyrics.module.css
+2 -2
View File
@@ -58,8 +58,8 @@
text-align: center; text-align: center;
mask-image: linear-gradient( mask-image: linear-gradient(
180deg, 180deg,
transparent 5%, transparent 0%,
rgb(0 0 0 / 100%) 20%, rgb(0 0 0 / 100%) 15%,
rgb(0 0 0 / 100%) 85%, rgb(0 0 0 / 100%) 85%,
transparent 95% transparent 95%
); );
src/renderer/features/lyrics/synchronized-lyrics.module.css
-7
View File
@@ -6,13 +6,6 @@
padding: 10vh 0 50vh; padding: 10vh 0 50vh;
overflow: scroll; overflow: scroll;
word-break: break-all; word-break: break-all;
mask-image: linear-gradient(
180deg,
transparent 5%,
rgb(0 0 0 / 100%) 20%,
rgb(0 0 0 / 100%) 85%,
transparent 95%
);
transform: translateY(-2rem); transform: translateY(-2rem);
@media screen and (orientation: portrait) { @media screen and (orientation: portrait) {
src/renderer/features/lyrics/unsynchronized-lyrics.module.css
-7
View File
@@ -5,13 +5,6 @@
height: 100%; height: 100%;
padding: 10vh 0 6vh; padding: 10vh 0 6vh;
overflow: scroll; overflow: scroll;
mask-image: linear-gradient(
180deg,
transparent 5%,
rgb(0 0 0 / 100%) 20%,
rgb(0 0 0 / 100%) 85%,
transparent 95%
);
transform: translateY(-2rem); transform: translateY(-2rem);
@media screen and (orientation: portrait) { @media screen and (orientation: portrait) {