Prevent thumbnail blocking form actions

This commit is contained in:
Sam Becker 2025-08-26 20:45:44 -05:00
parent 0a17eaa7d0
commit 7c5630e8c1
3 changed files with 7 additions and 1 deletions

View File

@ -65,6 +65,7 @@ export default function PhotoEditPageClient({
<AiButton {...{
aiContent,
shouldConfirm: shouldConfirmAiTextGeneration,
tooltip: 'Generate AI text for all fields',
}} />}
<ExifCaptureButton
photoUrl={photo.url}

View File

@ -68,6 +68,7 @@ export default function UploadPageClient({
<AiButton {...{
aiContent,
shouldConfirm: shouldConfirmAiTextGeneration,
tooltip: 'Generate AI text for all fields',
}} />}
isLoading={pending}
>

View File

@ -329,7 +329,11 @@ export default function PhotoForm({
<div className="flex gap-2">
<div className="relative">
{thumbnail(true)}
<div className="max-lg:hidden fixed top-8 left-[42rem]">
<div className={clsx(
'max-lg:hidden fixed top-8 left-[42rem]',
// Prevent image blocking form buttons
'pointer-events-none',
)}>
{thumbnail(false, clsx(
'opacity-0 -translate-y-4',
!isThumbnailVisible &&