moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update modal to accept background and shadow as props

This commit is contained in:
danidfra 2024-08-14 21:12:36 -03:00
parent 0e373cfb98
commit c424f39d66
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/features/onboarding/steps/cover-photo-selection-step.tsx
View File

@ -85,14 +85,15 @@ const CoverPhotoSelectionStep = ({ onNext }: { onNext: () => void }) => {
role='button' role='button'
className='relative flex h-24 items-center justify-center rounded-t-md bg-gray-200 dark:bg-gray-800' className='relative flex h-24 items-center justify-center rounded-t-md bg-gray-200 dark:bg-gray-800'
> >
{selectedFile || account?.header && ( <div className='flex h-24 w-full overflow-hidden rounded-t-md'>
<StillImage {selectedFile || account?.header && (
src={selectedFile || account.header} <StillImage
alt={intl.formatMessage(messages.header)} src={selectedFile || account.header}
className='absolute inset-0 rounded-t-md object-cover' alt={intl.formatMessage(messages.header)}
/> className='absolute inset-0 w-full rounded-t-md object-cover'
)} />
)}
</div>
{isSubmitting && ( {isSubmitting && (
<div <div
className='absolute inset-0 flex items-center justify-center rounded-t-md bg-white/80 dark:bg-primary-900/80' className='absolute inset-0 flex items-center justify-center rounded-t-md bg-white/80 dark:bg-primary-900/80'