Fix font size controls using CSS classes instead of Tailwind utilities

2025-09-13 16:22:40 -04:00
parent 0513f821bd
commit ceae5a5ef9
2 changed files with 33 additions and 8 deletions
--- a/frontend/src/components/BibleReader.tsx
+++ b/frontend/src/components/BibleReader.tsx
@@ -55,11 +55,11 @@ const BibleReader: React.FC<BibleReaderProps> = ({ book, chapter, onBack, format
  const getFontSizeClass = () => {
    switch (fontSize) {
      case 'small':
-        return 'text-sm leading-relaxed';
+        return 'font-size-small';
      case 'large':
-        return 'text-2xl leading-relaxed';
+        return 'font-size-large';
      default:
-        return 'text-lg leading-relaxed';
+        return 'font-size-medium';
    }
  };