fix: do not style 2fa QR code (#4278)
Dark rounded background shadow around the QR code makes it more difficult or impossible to scan on some devices. Replaces it with a white shadow to make easier scanning.
This commit is contained in:
parent
eb503c5523
commit
6a11c32bb2
|
@ -61,13 +61,11 @@ const ConfigureTwoFactorForm = ({ onTokens }: Props) => {
|
||||||
return (
|
return (
|
||||||
<form id={'enable-totp-form'} onSubmit={submit}>
|
<form id={'enable-totp-form'} onSubmit={submit}>
|
||||||
<FlashMessageRender byKey={'account:two-step'} className={'mt-4'} />
|
<FlashMessageRender byKey={'account:two-step'} className={'mt-4'} />
|
||||||
<div
|
<div className={'flex items-center justify-center w-56 h-56 p-2 bg-gray-50 shadow mx-auto mt-6'}>
|
||||||
className={'flex items-center justify-center w-56 h-56 p-2 bg-gray-800 rounded-lg shadow mx-auto mt-6'}
|
|
||||||
>
|
|
||||||
{!token ? (
|
{!token ? (
|
||||||
<Spinner />
|
<Spinner />
|
||||||
) : (
|
) : (
|
||||||
<QRCode renderAs={'svg'} value={token.image_url_data} css={tw`w-full h-full shadow-none rounded`} />
|
<QRCode renderAs={'svg'} value={token.image_url_data} css={tw`w-full h-full shadow-none`} />
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
<CopyOnClick text={token?.secret}>
|
<CopyOnClick text={token?.secret}>
|
||||||
|
|
Loading…
Reference in New Issue