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

feat: enable gallery upload and update scanner button theme to amber

Browse Source
This commit is contained in:
robin
2025-12-21 22:45:07 +01:00
parent b57f5dc2ad
commit d83d2a8873
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/FloatingScannerButton.tsx
View File

@@ -30,7 +30,6 @@ export default function FloatingScannerButton({ onImageSelected }: FloatingScann
ref={fileInputRef}
onChange={handleFileChange}
accept="image/*"
capture="environment"
className="hidden"
/>
<motion.button
@@ -39,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-[#C89D46] text-black shadow-[0_0_30px_rgba(200,157,70,0.4)] hover:shadow-[0_0_40px_rgba(200,157,70,0.6)] transition-all overflow-hidden"
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"
>
{/* Shine Animation */}
<motion.div
@@ -58,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-[#C89D46] animate-ping opacity-20" />
<span className="absolute inset-0 rounded-full border-4 border-amber-600 animate-ping opacity-20" />
</motion.button>
</div>
);