amiirkhl/card-to-iban
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): make IBAN result responsive on mobile

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-09-21 22:56:17 +03:30
parent 646575ff28
commit 8e39fd4503
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/app/components/CardConverter.vue
View File

@@ -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>