robin/Dramlog-Prod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Industrial Dark UI Overhaul: Updated colors, typography, navigation, and component styling across the application

Browse Source
This commit is contained in:
robin
2025-12-22 00:05:31 +01:00
parent cf491d83b6
commit f0588418c8
28 changed files with 582 additions and 613 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/FloatingScannerButton.tsx
View File

@@ -38,7 +38,7 @@ export default function FloatingScannerButton({ onImageSelected }: FloatingScann
whileTap={{ scale: 0.9 }}
initial={{ y: 100, opacity: 0 }}
animate={{ y: 0, opacity: 1 }}
className="relative group p-6 rounded-full bg-amber-600 text-black shadow-[0_0_30px_rgba(217,119,6,0.4)] hover:shadow-[0_0_40px_rgba(217,119,6,0.6)] transition-all overflow-hidden"
className="relative group p-6 rounded-full bg-orange-600 text-black shadow-lg shadow-orange-950/40 hover:shadow-orange-950/60 transition-all overflow-hidden"
>
{/* Shine Animation */}
<motion.div
@@ -57,7 +57,7 @@ export default function FloatingScannerButton({ onImageSelected }: FloatingScann
<Camera size={32} strokeWidth={2.5} className="relative z-10" />
{/* Pulse ring */}
<span className="absolute inset-0 rounded-full border-4 border-amber-600 animate-ping opacity-20" />
<span className="absolute inset-0 rounded-full border-4 border-orange-600 animate-ping opacity-20" />
</motion.button>
</div>
);