soeren/fotospiel-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine guest upload camera UI

Browse Source
This commit is contained in:
Codex Agent
2026-02-03 21:13:09 +01:00
parent 7f1e6c06fb
commit c91480a870
4 changed files with 144 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/guest/components/BottomNav.tsx
View File

@@ -127,14 +127,18 @@ export default function BottomNav() {
<Link
to={`${base}/upload`}
aria-label={labels.upload}
className={`relative flex ${compact ? 'h-12 w-12' : 'h-16 w-16'} items-center justify-center rounded-full text-white shadow-2xl transition ${
isUploadActive ? 'scale-105' : 'hover:scale-105'
className={`relative flex ${compact ? 'h-12 w-12' : 'h-16 w-16'} items-center justify-center rounded-full text-white shadow-2xl transition-all duration-300 ${
isUploadActive
? 'translate-y-6 scale-75 opacity-0 pointer-events-none'
: 'hover:scale-105'
}`}
style={{
background: `radial-gradient(circle at 20% 20%, ${branding.secondaryColor}, ${branding.primaryColor})`,
boxShadow: `0 20px 35px ${branding.primaryColor}44`,
borderRadius: radius,
}}
tabIndex={isUploadActive ? -1 : 0}
aria-hidden={isUploadActive}
>
<Camera className="h-6 w-6" aria-hidden />
</Link>