awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-09-22 13:39:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix recovery code UI component

Browse Source
This commit is contained in:
Carlos Monastyrski
2025-09-26 19:44:18 -03:00
parent 5beb347fd2
commit 0acfbcc3e3
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/pages/user/PersonalSettingsPage/components/SecuritySection/MFASection.tsx
View File

@@ -476,15 +476,15 @@ export const MFASection = () => {
</div> </div>
{shouldShowRecoveryCodes && ( {shouldShowRecoveryCodes && (
<div className="mt-6 grid w-full max-w-lg grid-cols-5 gap-3"> <div className="w-fit rounded-lg border border-mineshaft-600 bg-mineshaft-800 p-4 pr-8">
{totpConfiguration.recoveryCodes.map((code) => ( <div className="grid grid-cols-2 gap-x-6 gap-y-2 font-mono text-sm">
<code {totpConfiguration.recoveryCodes.map((code, index) => (
key={code} <div key={code} className="flex items-center text-mineshaft-200">
className="block rounded bg-mineshaft-700/70 px-3 py-2 text-center font-mono text-sm text-mineshaft-100" <span className="w-8 text-right text-mineshaft-400">{index + 1}.</span>
> <span className="pl-2">{code}</span>
{code} </div>
</code> ))}
))} </div>
</div> </div>
)} )}
</div> </div>