bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Captcha: improve style

Browse source
This commit is contained in:
Alex Gleason 2022-05-06 19:21:52 -05:00
parent 43d494d43c
commit 97a4bfec28
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/soapbox/features/auth_login/components/captcha.tsx
View file

@ -3,7 +3,7 @@ import React, { useState, useEffect } from 'react';
import { useIntl, defineMessages, FormattedMessage } from 'react-intl';
import { fetchCaptcha } from 'soapbox/actions/auth';
import { Text, Input } from 'soapbox/components/ui';
import { Stack, Text, Input } from 'soapbox/components/ui';
import { useAppDispatch } from 'soapbox/hooks';
const noOp = () => {};
@ -106,8 +106,10 @@ const NativeCaptchaField: React.FC<INativeCaptchaField> = ({ captcha, onChange,
const intl = useIntl();
return (
<div className='captcha' >
<img alt='captcha' src={captcha.get('url')} onClick={onClick} />
<Stack space={2}>
<div className='flex items-center justify-center bg-white w-full border border-solid border-gray-300 dark:border-gray-600 rounded-md'>
<img alt='captcha' src={captcha.get('url')} onClick={onClick} />
</div>
<Input
type='text'
@ -120,7 +122,7 @@ const NativeCaptchaField: React.FC<INativeCaptchaField> = ({ captcha, onChange,
onChange={onChange}
required
/>
</div>
</Stack>
);
};