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">