RyderTech/the-bible
1
0
Fork 0
Code Issues Pull Requests Packages Activity

Set Times New Roman as default font and fix font size controls

Browse Source
This commit is contained in:
Ryderjj89
2025-09-13 15:51:21 -04:00
parent 5e1a8b9bb2
commit 1750b7c4ae
2 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/BibleReader.tsx
View File

@@ -41,11 +41,11 @@ const BibleReader: React.FC<BibleReaderProps> = ({ book, chapter, onBack, format
const getFontSizeClass = () => { const getFontSizeClass = () => {
switch (fontSize) { switch (fontSize) {
case 'small': case 'small':
return 'text-base'; return 'text-sm leading-relaxed';
case 'large': case 'large':
return 'text-xl'; return 'text-2xl leading-relaxed';
default: default:
return 'text-lg'; return 'text-lg leading-relaxed';
} }
}; };
@@ -142,7 +142,7 @@ const BibleReader: React.FC<BibleReaderProps> = ({ book, chapter, onBack, format
</div> </div>
{/* Bible Content */} {/* Bible Content */}
<div className={`max-w-3xl mx-auto leading-relaxed ${getFontSizeClass()}`}> <div className={`max-w-3xl mx-auto ${getFontSizeClass()}`}>
{parseBibleText(content)} {parseBibleText(content)}
</div> </div>

3
frontend/tailwind.config.js
View File

@@ -7,7 +7,8 @@ module.exports = {
theme: { theme: {
extend: { extend: {
fontFamily: { fontFamily: {
serif: ['Georgia', 'Times New Roman', 'serif'], serif: ['Times New Roman', 'Georgia', 'serif'],
sans: ['Times New Roman', 'Georgia', 'serif'],
}, },
typography: { typography: {
DEFAULT: { DEFAULT: {