fix: 🐛 use correct 2fa value

This commit is contained in:
ThatOneCalculator 2023-06-15 20:06:47 -07:00
parent bc13bfdfec
commit 4d006813f4
2 changed files with 8 additions and 5 deletions

View file

@ -106,6 +106,7 @@
:num-inputs="6" :num-inputs="6"
v-model="token" v-model="token"
:should-auto-focus="true" :should-auto-focus="true"
@on-change="updateToken"
@on-complete="onSubmit" @on-complete="onSubmit"
required required
/> />
@ -158,6 +159,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import Vue3OtpInput from "vue3-otp-input"; import Vue3OtpInput from "vue3-otp-input";
import { ref } from "vue";
import { defineAsyncComponent } from "vue"; import { defineAsyncComponent } from "vue";
import { toUnicode } from "punycode/"; import { toUnicode } from "punycode/";
import MkButton from "@/components/MkButton.vue"; import MkButton from "@/components/MkButton.vue";
@ -183,6 +185,10 @@ let queryingKey = $ref(false);
let hCaptchaResponse = $ref(null); let hCaptchaResponse = $ref(null);
let reCaptchaResponse = $ref(null); let reCaptchaResponse = $ref(null);
const updateToken = (value: string) => {
token = value;
};
const meta = $computed(() => instance); const meta = $computed(() => instance);
const emit = defineEmits<{ const emit = defineEmits<{

View file

@ -799,8 +799,8 @@ hr {
} }
._otp_input { ._otp_input {
width: 40px; width: 30px;
height: 40px; height: 30px;
padding: 5px; padding: 5px;
margin: 1rem 7px auto; margin: 1rem 7px auto;
font-size: 20px; font-size: 20px;
@ -810,9 +810,6 @@ hr {
color: var(--fg); color: var(--fg);
text-align: center; text-align: center;
} }
._otp_input.is-complete {
border-color: var(--success) !important;
}
._otp_input.error { ._otp_input.error {
border-color: var(--error) !important; border-color: var(--error) !important;
} }