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

Fix version card hover glow effect and increase base font size for better readability

Browse Source
This commit is contained in:
Ryderjj89
2025-09-29 18:03:10 -04:00
parent 758f76c3c0
commit b2ef00e23e
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -37,7 +37,7 @@ const VersionSelector: React.FC<VersionSelectorProps> = ({ onVersionSelect, onSe
{/* ESV Card */}
<div
onClick={() => onVersionSelect('esv')}
className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg transition-all duration-200 cursor-pointer hover:shadow-[0_0_20px_rgb(37,99,235)] overflow-hidden"
className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg transition-all duration-200 cursor-pointer hover:shadow-blue-500/50 overflow-hidden"
>
<div className="p-6">
<div className="flex flex-col items-center text-center">
@@ -60,7 +60,7 @@ const VersionSelector: React.FC<VersionSelectorProps> = ({ onVersionSelect, onSe
{/* NKJV Card */}
<div
onClick={() => onVersionSelect('nkjv')}
className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg transition-all duration-200 cursor-pointer hover:shadow-[0_0_20px_rgb(37,99,235)] overflow-hidden"
className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg transition-all duration-200 cursor-pointer hover:shadow-blue-500/50 overflow-hidden"
>
<div className="p-6">
<div className="flex flex-col items-center text-center">
@@ -83,7 +83,7 @@ const VersionSelector: React.FC<VersionSelectorProps> = ({ onVersionSelect, onSe
{/* NLT Card */}
<div
onClick={() => onVersionSelect('nlt')}
className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg transition-all duration-200 cursor-pointer hover:shadow-[0_0_20px_rgb(37,99,235)] overflow-hidden"
className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg transition-all duration-200 cursor-pointer hover:shadow-blue-500/50 overflow-hidden"
>
<div className="p-6">
<div className="flex flex-col items-center text-center">
@@ -106,7 +106,7 @@ const VersionSelector: React.FC<VersionSelectorProps> = ({ onVersionSelect, onSe
{/* CSB Card */}
<div
onClick={() => onVersionSelect('csb')}
className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg transition-all duration-200 cursor-pointer hover:shadow-[0_0_20px_rgb(37,99,235)] overflow-hidden"
className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg transition-all duration-200 cursor-pointer hover:shadow-blue-500/50 overflow-hidden"
>
<div className="p-6">
<div className="flex flex-col items-center text-center">

2
frontend/src/index.css
View File

@@ -12,12 +12,14 @@
@layer base {
html {
font-family: 'Gentium Book Basic', 'Georgia', serif;
font-size: 18px;
}
body {
@apply bg-gray-50 text-gray-900 dark:bg-gray-50 dark:text-gray-100;
font-family: 'Gentium Book Basic', 'Georgia', serif;
line-height: 1.6;
font-size: 1rem;
}
}