Revert font-size behavior for non-fancy modes

th-ch · Dec 27, 2024 · ca4db4a · ca4db4a
1 parent 0e0230b
commit ca4db4a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/src/plugins/synced-lyrics/renderer/renderer.tsx b/src/plugins/synced-lyrics/renderer/renderer.tsx
@@ -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)',

diff --git a/src/plugins/synced-lyrics/style.css b/src/plugins/synced-lyrics/style.css
@@ -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%;