strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refining photo form floating thumbnail

Browse Source
This commit is contained in:
Sam Becker 2025-08-28 17:47:52 -05:00
parent 16e6711f0d
commit 4dc3a976b7
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/photo/form/PhotoForm.tsx
View File

@ -330,14 +330,18 @@ export default function PhotoForm({
<div className="relative">
{thumbnail(true)}
<div className={clsx(
'max-lg:hidden fixed top-8 left-[42rem]',
// Prevent image blocking form buttons
'max-md:hidden',
'fixed top-8',
// Orient around responsive form fields
'left-[77%] min-[850px]:left-[41rem] lg:left-[42rem]',
'mr-4',
// Prevent image blocking form button interaction
'pointer-events-none',
)}>
{thumbnail(false, clsx(
'opacity-0 -translate-y-4',
!isThumbnailVisible &&
'opacity-100 translate-y-0 transition-all duration-200',
'opacity-100 translate-y-0 transition-all duration-300',
))}
</div>
<div className={clsx(