Refine upload rows on mobile

This commit is contained in:
Sam Becker 2025-06-18 23:38:42 -05:00
parent 307c045715
commit 49bfff5fbd

View File

@ -81,7 +81,8 @@ export default function AdminUploadsTableRow({
)}
>
<div className={clsx(
'w-[50%] sm:w-auto shrink-0 bg-dim',
'self-stretch',
'w-[40%] sm:w-auto shrink-0',
'transition-transform',
)}>
<ImageMedium
@ -89,6 +90,12 @@ export default function AdminUploadsTableRow({
src={url}
alt={url}
aspectRatio={3.0 / 2.0}
className={clsx(
'bg-dim',
'max-sm:m-2 max-sm:mr-0',
'max-sm:outline-medium max-sm:shadow-sm',
'max-sm:rounded-sm overflow-hidden',
)}
/>
</div>
<div className={clsx(
@ -96,7 +103,7 @@ export default function AdminUploadsTableRow({
'gap-2 sm:gap-3',
'p-2 sm:p-3',
)}>
<div className="flex flex-col gap-8 w-full">
<div className="flex flex-col gap-6 w-full">
<div className="flex flex-col grow gap-2">
<FieldSetWithStatus
label="Title"