Two-step sign-in: authenticator app, security keys and passkeys
This commit is contained in:
@@ -307,3 +307,18 @@ dialog::backdrop { background: rgba(22, 23, 26, .55); }
|
||||
.steps .btn.primary { background: #f4f4f1; border-color: #f4f4f1; color: var(--ink); font-weight: 600; }
|
||||
.steps .qr { width: 100%; height: auto; max-width: 280px; align-self: center; }
|
||||
.loading-page { padding: 40px; color: var(--ink-3); }
|
||||
|
||||
/* two-step sign-in */
|
||||
.loginalt { width: 100%; display: flex; flex-direction: column; gap: 14px; margin-top: -24px; }
|
||||
.loginalt .or, .loginform .or { display: flex; align-items: center; gap: 10px; color: #8d8e93; font-size: 12px; }
|
||||
.loginalt .or::before, .loginalt .or::after { content: ""; flex: 1; height: 1px; background: #2c2d32; }
|
||||
.loginpage .btn.altbtn { min-height: 44px; width: 100%; font-size: 15px; font-weight: 500; background: none; border-color: #3a3b41; color: #f4f4f1; margin-top: 0; }
|
||||
.loginpage .btn.altbtn:hover { background: #222328; border-color: #55565c; color: #fff; }
|
||||
.loginlinks { display: flex; flex-direction: column; align-items: center; gap: 2px; margin-top: 6px; }
|
||||
.loginform .codeinput { text-align: center; font-size: 20px; letter-spacing: 0.2em; }
|
||||
.mfalist { display: flex; flex-direction: column; }
|
||||
.mfarow { display: flex; align-items: center; gap: 8px; padding: 12px 0; border-top: 1px solid var(--line-2); }
|
||||
.mfarow:first-child { border-top: 0; padding-top: 0; }
|
||||
.mfarow .grow { flex: 1; min-width: 0; }
|
||||
.dlg .secret { font-size: 15px; letter-spacing: 0.04em; overflow-wrap: anywhere; }
|
||||
.dlg .codes { columns: 2; font-size: 15px; line-height: 1.8; }
|
||||
|
||||
Reference in New Issue
Block a user