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

Update version selector cards to use consistent blue border hover effect matching book/chapter selectors

Browse Source
This commit is contained in:
Ryderjj89
2025-09-29 18:09:32 -04:00
parent b2ef00e23e
commit ce8dd787e6
1 changed files with 4 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 */} {/* ESV Card */}
<div <div
onClick={() => onVersionSelect('esv')} 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-blue-500/50 overflow-hidden" className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg hover:border-blue-300 dark:hover:border-blue-600 transition-all duration-200 cursor-pointer overflow-hidden"
> >
<div className="p-6"> <div className="p-6">
<div className="flex flex-col items-center text-center"> <div className="flex flex-col items-center text-center">
@@ -60,7 +60,7 @@ const VersionSelector: React.FC<VersionSelectorProps> = ({ onVersionSelect, onSe
{/* NKJV Card */} {/* NKJV Card */}
<div <div
onClick={() => onVersionSelect('nkjv')} 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-blue-500/50 overflow-hidden" className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg hover:border-blue-300 dark:hover:border-blue-600 transition-all duration-200 cursor-pointer overflow-hidden"
> >
<div className="p-6"> <div className="p-6">
<div className="flex flex-col items-center text-center"> <div className="flex flex-col items-center text-center">
@@ -83,7 +83,7 @@ const VersionSelector: React.FC<VersionSelectorProps> = ({ onVersionSelect, onSe
{/* NLT Card */} {/* NLT Card */}
<div <div
onClick={() => onVersionSelect('nlt')} 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-blue-500/50 overflow-hidden" className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg hover:border-blue-300 dark:hover:border-blue-600 transition-all duration-200 cursor-pointer overflow-hidden"
> >
<div className="p-6"> <div className="p-6">
<div className="flex flex-col items-center text-center"> <div className="flex flex-col items-center text-center">
@@ -106,7 +106,7 @@ const VersionSelector: React.FC<VersionSelectorProps> = ({ onVersionSelect, onSe
{/* CSB Card */} {/* CSB Card */}
<div <div
onClick={() => onVersionSelect('csb')} 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-blue-500/50 overflow-hidden" className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg hover:border-blue-300 dark:hover:border-blue-600 transition-all duration-200 cursor-pointer overflow-hidden"
> >
<div className="p-6"> <div className="p-6">
<div className="flex flex-col items-center text-center"> <div className="flex flex-col items-center text-center">