From 5fa3c6511f137fed999501aafa9ed556aaf4aba0 Mon Sep 17 00:00:00 2001 From: KernelDeimos Date: Fri, 3 May 2024 18:54:48 -0400 Subject: [PATCH] Fix padding and enable code --- src/UI/Components/CodeEntryView.js | 10 ++++++++-- src/UI/UIWindow2FASetup.js | 2 +- src/css/style.css | 12 +++++++++--- 3 files changed, 18 insertions(+), 6 deletions(-) diff --git a/src/UI/Components/CodeEntryView.js b/src/UI/Components/CodeEntryView.js index 13b5c69c2..b57dd3388 100644 --- a/src/UI/Components/CodeEntryView.js +++ b/src/UI/Components/CodeEntryView.js @@ -16,9 +16,15 @@ export default class CodeEntryView extends Component { color: #3e5362; } + fieldset[name=number-code] { + display: flex; + justify-content: space-between; + gap: 5px; + } + .digit-input { box-sizing: border-box; - width: 12.89%; + flex-grow: 1; height: 50px; font-size: 25px; text-align: center; @@ -36,7 +42,7 @@ export default class CodeEntryView extends Component { .confirm-code-hyphen { display: inline-block; - width: 14%; + flex-grow: 2; text-align: center; font-size: 40px; font-weight: 300; diff --git a/src/UI/UIWindow2FASetup.js b/src/UI/UIWindow2FASetup.js index a4bd91180..d9a837888 100644 --- a/src/UI/UIWindow2FASetup.js +++ b/src/UI/UIWindow2FASetup.js @@ -117,7 +117,7 @@ const UIWindow2FASetup = async function UIWindow2FASetup () { async [`property.value`] (value, { component }) { console.log('value? ', value) - if ( false && ! await check_code_(value) ) { + if ( ! await check_code_(value) ) { component.set('error', 'Invalid code'); return; } diff --git a/src/css/style.css b/src/css/style.css index 4de295b3c..43ec51f2e 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -1952,7 +1952,7 @@ label { .email-confirm-code-hyphen { display: inline-block; - width: 14%; + flex-grow: 1; text-align: center; font-size: 40px; font-weight: 300; @@ -1960,7 +1960,7 @@ label { .confirm-code-hyphen { display: inline-block; - width: 14%; + flex-grow: 1; text-align: center; font-size: 40px; font-weight: 300; @@ -2525,9 +2525,15 @@ label { } /* UIWindowEmailConfirmationRequired */ +fieldset[name=number-code] { + display: flex; + justify-content: space-between; + gap: 5px; +} + .digit-input { box-sizing: border-box; - width: 12.89%; + flex-grow: 1; height: 50px; font-size: 25px; text-align: center;