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

Add fonts directory to Dockerfile and replace version card bounce with blue glow effect

Browse Source
This commit is contained in:
Ryderjj89
2025-09-29 17:52:29 -04:00
parent f68d11fcf5
commit 208b7265c5
2 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
Dockerfile
View File

@@ -29,8 +29,9 @@ WORKDIR /app
COPY backend ./backend COPY backend ./backend
COPY --from=backend /app/backend/node_modules ./backend/node_modules COPY --from=backend /app/backend/node_modules ./backend/node_modules
# Copy logos folder for frontend # Copy logos and fonts folders for frontend
COPY frontend/logos ./frontend/logos COPY frontend/logos ./frontend/logos
COPY frontend/fonts ./frontend/fonts
# Copy built frontend # Copy built frontend
COPY --from=frontend-build /app/frontend/build ./frontend/build COPY --from=frontend-build /app/frontend/build ./frontend/build

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 transform hover:-translate-y-1 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-[0_0_20px_rgb(37,99,235)] 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 transform hover:-translate-y-1 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-[0_0_20px_rgb(37,99,235)] 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 transform hover:-translate-y-1 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-[0_0_20px_rgb(37,99,235)] 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 transform hover:-translate-y-1 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-[0_0_20px_rgb(37,99,235)] 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">