Skip to content

Commit 6a11c32

Browse files
authored
fix: do not style 2fa QR code (pterodactyl#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.
1 parent eb503c5 commit 6a11c32

File tree

1 file changed

+2
-4
lines changed

1 file changed

+2
-4
lines changed

resources/scripts/components/dashboard/forms/SetupTOTPDialog.tsx

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -61,13 +61,11 @@ const ConfigureTwoFactorForm = ({ onTokens }: Props) => {
6161
return (
6262
<form id={'enable-totp-form'} onSubmit={submit}>
6363
<FlashMessageRender byKey={'account:two-step'} className={'mt-4'} />
64-
<div
65-
className={'flex items-center justify-center w-56 h-56 p-2 bg-gray-800 rounded-lg shadow mx-auto mt-6'}
66-
>
64+
<div className={'flex items-center justify-center w-56 h-56 p-2 bg-gray-50 shadow mx-auto mt-6'}>
6765
{!token ? (
6866
<Spinner />
6967
) : (
70-
<QRCode renderAs={'svg'} value={token.image_url_data} css={tw`w-full h-full shadow-none rounded`} />
68+
<QRCode renderAs={'svg'} value={token.image_url_data} css={tw`w-full h-full shadow-none`} />
7169
)}
7270
</div>
7371
<CopyOnClick text={token?.secret}>

0 commit comments

Comments
 (0)