From 8e39fd450359a54a21f53410d433b0e2a31268aa Mon Sep 17 00:00:00 2001
From: Amirhossein Khalili <amirhosseinkhalili901@gmail.com>
Date: Mon, 21 Sep 2026 22:56:17 +0330
Subject: [PATCH] fix(frontend): make IBAN result responsive on mobile

---
 frontend/app/components/CardConverter.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/CardConverter.vue b/frontend/app/components/CardConverter.vue
index a9681a2..cdd59d9 100644
--- a/frontend/app/components/CardConverter.vue
+++ b/frontend/app/components/CardConverter.vue
@@ -252,7 +252,7 @@ onBeforeUnmount(dismissToast)
       v-if="iban"
       ref="resultElement"
       data-result="iban"
-      class="border-border bg-accent/55 border-t p-5 outline-none sm:p-6"
+      class="border-border bg-accent/55 border-t px-4 py-5 outline-none sm:p-6"
       tabindex="-1"
       aria-live="polite"
     >
@@ -270,7 +270,7 @@ onBeforeUnmount(dismissToast)
       </div>
 
       <output
-        class="border-brand/15 bg-surface block overflow-x-auto rounded-lg border px-4 py-5 text-center font-mono text-lg font-bold tracking-[0.04em] whitespace-nowrap sm:text-xl"
+        class="border-brand/15 bg-surface block overflow-x-auto rounded-lg border px-2.5 py-4 text-center font-mono text-xs font-bold tracking-normal whitespace-nowrap min-[390px]:text-sm sm:px-4 sm:py-5 sm:text-xl sm:tracking-[0.04em]"
         dir="ltr"
       >{{ formattedIBAN }}</output>
     </div>