smueller/youtube-music
1
0
Fork 0
mirror of https://github.com/th-ch/youtube-music.git synced 2026-01-09 17:51:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(synced-lyrics): Revert font-size behavior for non-fancy modes (#2788)

Browse Source
This commit is contained in:
KimJammer
2024-12-28 09:26:34 -05:00
committed by GitHub
parent fa3e146ef7
commit f15c51f3d7
2 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/plugins/synced-lyrics/renderer/renderer.tsx
View File

@ -38,7 +38,10 @@ createEffect(() => {
root.style.setProperty('--lyrics-active-offset', '0');
break;
case 'scale':
root.style.setProperty('--lyrics-font-size', '1.4rem');
root.style.setProperty(
'--lyrics-font-size',
'clamp(1.4rem, 1.1vmax, 3rem)',
);
root.style.setProperty(
'--lyrics-line-height',
'var(--ytmusic-body-line-height)',
@ -58,7 +61,10 @@ createEffect(() => {
root.style.setProperty('--lyrics-active-offset', '0');
break;
case 'offset':
root.style.setProperty('--lyrics-font-size', '1.4rem');
root.style.setProperty(
'--lyrics-font-size',
'clamp(1.4rem, 1.1vmax, 3rem)',
);
root.style.setProperty(
'--lyrics-line-height',
'var(--ytmusic-body-line-height)',
@ -78,7 +84,10 @@ createEffect(() => {
root.style.setProperty('--lyrics-active-offset', '5%');
break;
case 'focus':
root.style.setProperty('--lyrics-font-size', '1.4rem');
root.style.setProperty(
'--lyrics-font-size',
'clamp(1.4rem, 1.1vmax, 3rem)',
);
root.style.setProperty(
'--lyrics-line-height',
'var(--ytmusic-body-line-height)',

2
src/plugins/synced-lyrics/style.css
View File

@ -17,7 +17,7 @@
/* Typography */
--lyrics-font-family: Satoshi, Avenir, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell,
Open Sans, Helvetica Neue, sans-serif;
--lyrics-font-size: 1.4rem;
--lyrics-font-size: clamp(1.4rem, 1.1vmax, 3rem);
--lyrics-line-height: var(--ytmusic-body-line-height);
--lyrics-width: 100%;