rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: add border to generated 2fa QR code (#749)

Browse Source 
Co-authored-by: Johnny Almonte <johnny243@users.noreply.github.com>
This commit is contained in:
Johnny A
2021-11-24 20:35:51 -04:00
committed by GitHub
parent cf3664751f
commit ba3c58457a
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/preferences/panes/two-factor-auth/ScanQRCode.tsx
View File

@@ -26,7 +26,7 @@ export const ScanQRCode: FunctionComponent<{
</ModalDialogLabel> </ModalDialogLabel>
<ModalDialogDescription className="h-33"> <ModalDialogDescription className="h-33">
<div className="w-25 h-25 flex items-center justify-center bg-info"> <div className="w-25 h-25 flex items-center justify-center bg-info">
<QRCode value={act.qrCode} size={100} /> <QRCode className="border-neutral-contrast-bg border-solid border-2" value={act.qrCode} size={100} />
</div> </div>
<div className="min-w-5" /> <div className="min-w-5" />
<div className="flex-grow flex flex-col"> <div className="flex-grow flex flex-col">

8
app/assets/stylesheets/_sn.scss
View File

@@ -395,6 +395,14 @@
border-color: var(--sn-stylekit-danger-color); border-color: var(--sn-stylekit-danger-color);
} }
.border-neutral-contrast-bg {
border-color: var(--sn-stylekit-neutral-contrast-color);
}
.border-2 {
border-width: 0.5rem;
}
.bg-inverted-default { .bg-inverted-default {
background-color: var(--sn-stylekit-contrast-foreground-color); background-color: var(--sn-stylekit-contrast-foreground-color);
} }