From 1c60ce262a8b696e322ae06ecd3534560cd9b8c4 Mon Sep 17 00:00:00 2001 From: shrinathprabhu Date: Wed, 24 Apr 2024 16:16:21 +0530 Subject: [PATCH 1/2] Use padding instead of flex-grow --- src/components/OTPInput.vue | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/OTPInput.vue b/src/components/OTPInput.vue index 0c09087..62247c9 100644 --- a/src/components/OTPInput.vue +++ b/src/components/OTPInput.vue @@ -142,7 +142,8 @@ async function resendOTP() { @input="void 0" @keydown="handleKeyDown($event, i - 1)" @paste.prevent="handlePaste" - class="input flex flex-grow justify-center items-center text-center" + class="input flex justify-center items-center text-center" + style="padding: 0.75rem" /> Date: Wed, 24 Apr 2024 17:27:19 +0530 Subject: [PATCH 2/2] Remove flex for input fields --- src/components/OTPInput.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/OTPInput.vue b/src/components/OTPInput.vue index 62247c9..08d78a8 100644 --- a/src/components/OTPInput.vue +++ b/src/components/OTPInput.vue @@ -142,7 +142,7 @@ async function resendOTP() { @input="void 0" @keydown="handleKeyDown($event, i - 1)" @paste.prevent="handlePaste" - class="input flex justify-center items-center text-center" + class="input text-center" style="padding: 0.75rem" />