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

Change classnames "remote-interaction-modal" to use only Tailwind

This commit is contained in:
danidfra 2024-11-01 17:06:07 -03:00
parent 6ccd7c1eed
commit 400d3f1425
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/features/ui/components/modals/unauthorized-modal.tsx
View File

@ -106,8 +106,8 @@ const UnauthorizedModal: React.FC<IUnauthorizedModal> = ({ action, onClose, acco
secondaryAction={isOpen ? onRegister : undefined}
secondaryText={isOpen ? <FormattedMessage id='account.register' defaultMessage='Sign up' /> : undefined}
>
<div className='remote-interaction-modal__content'>
<Form className='remote-interaction-modal__fields' onSubmit={onSubmit}>
<div className='flex flex-col gap-y-[10px]'>
<Form className='flex w-full flex-col gap-2.5' onSubmit={onSubmit}>
<Input
placeholder={intl.formatMessage(messages.accountPlaceholder)}
name='remote_follow[acct]'
@ -117,12 +117,14 @@ const UnauthorizedModal: React.FC<IUnauthorizedModal> = ({ action, onClose, acco
onChange={onAccountChange}
required
/>
<Button type='submit' theme='primary'>{button}</Button>
<Button className='self-end' type='submit' theme='primary'>{button}</Button>
</Form>
<div className='remote-interaction-modal__divider'>
<div className='m-0 -mx-2.5 flex items-center gap-2.5'>
<div className='flex-1 border-b border-gray-300 dark:border-gray-600' />
<Text align='center'>
<FormattedMessage id='remote_interaction.divider' defaultMessage='or' />
</Text>
<div className='flex-1 border-b border-gray-300 dark:border-gray-600' />
</div>
{isOpen && (
<Text size='lg' weight='medium'>
@ -134,6 +136,7 @@ const UnauthorizedModal: React.FC<IUnauthorizedModal> = ({ action, onClose, acco
);
};
if (action && features.remoteInteractions && features.federating) {
return renderRemoteInteractions();
}