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