matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pl-fe: improve alt text modal

Browse Source 
Signed-off-by: mkljczk <git@mkljczk.pl>
This commit is contained in:
mkljczk
2025-03-24 11:47:06 +01:00
parent 5529d297f6
commit 3e97c2a4ae
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/pl-fe/src/features/ui/components/modals/alt-text-modal.tsx
View File

@ -86,24 +86,25 @@ const AltTextModal: React.FC<BaseModalProps & AltTextModalProps> = ({ composeId,
const handleSave = () => {
handleSubmit();
// onClose();
};
return (
<Modal
title={<FormattedMessage id='alt_text_modal.header' defaultMessage='Add alt text' />}
// onClose={onClickClose}
confirmationAction={handleSave}
confirmationText={<FormattedMessage id='alt_text_modal.confirmation' defaultMessage='Save' />}
confirmationDisabled={isSaving}
secondaryAction={() => onClose('ALT_TEXT')}
secondaryText={<FormattedMessage id='alt_text_modal.cancel' defaultMessage='Cancel' />}
>
<Stack space={2}>
<div className='relative overflow-hidden rounded-md'>
<Blurhash hash={media.blurhash} className='media-gallery__preview' />
<div
className='relative h-40 w-full overflow-hidden bg-contain bg-center bg-no-repeat'
className='relative h-64 max-h-96 w-full overflow-hidden bg-contain bg-center bg-no-repeat'
style={{
backgroundImage: media.type === 'image' ? `url(${media.preview_url})` : undefined,
height: media.type === 'image' || media.type === 'video' ? media.meta.original?.height : undefined,
}}
>
<div className='absolute inset-0 size-full'>