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:
Alex 2022-07-25 00:10:59 +03:00 committed by GitHub
parent eb503c5523
commit 6a11c32bb2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 4 deletions

View File

@ -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}>