From 9c16c879de883fbdc294f3889dc4fb190be91287 Mon Sep 17 00:00:00 2001 From: ThatOneCalculator Date: Thu, 15 Jun 2023 19:52:51 -0700 Subject: [PATCH] fix: :bug: 2FA dialog --- packages/client/src/components/MkSignin.vue | 28 ++----------------- .../src/pages/settings/2fa.qrdialog.vue | 2 +- packages/client/src/style.scss | 24 ++++++++++++++++ 3 files changed, 28 insertions(+), 26 deletions(-) diff --git a/packages/client/src/components/MkSignin.vue b/packages/client/src/components/MkSignin.vue index 13da5d7ab2..0cd4a7c6ef 100644 --- a/packages/client/src/components/MkSignin.vue +++ b/packages/client/src/components/MkSignin.vue @@ -100,8 +100,9 @@ > diff --git a/packages/client/src/pages/settings/2fa.qrdialog.vue b/packages/client/src/pages/settings/2fa.qrdialog.vue index 76d962e217..5f14d069eb 100644 --- a/packages/client/src/pages/settings/2fa.qrdialog.vue +++ b/packages/client/src/pages/settings/2fa.qrdialog.vue @@ -35,7 +35,7 @@ -
+
diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss index 0f3f841b94..f1973c679c 100644 --- a/packages/client/src/style.scss +++ b/packages/client/src/style.scss @@ -798,6 +798,30 @@ hr { } } +._otp_input { + width: 40px; + height: 40px; + padding: 5px; + margin: 1rem 7px auto; + font-size: 20px; + border-radius: 4px; + border: 2px solid var(--accent); + background-color: var(--accentedBg); + color: var(--fg); + text-align: center; +} +._otp_input.is-complete { + border-color: var(--success) !important; +} +._otp_input.error { + border-color: var(--error) !important; +} +._otp_input::-webkit-inner-spin-button, +._otp_input::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} + @media(prefers-reduced-motion: no-preference) { @keyframes scaleIn { from {