make upload and metadata UI responsive on mobile.

Improve narrow-viewport layout for upload, About, and shell overflow; keep modal scroll without extra dismiss or a11y markup changes.
2026-10-30 16:23:09 +01:00
parent 938229eeea
commit bb08bb389f
20 changed files with 96 additions and 67 deletions
@@ -1,6 +1,10 @@
 <template>
-    <main class="flex flex-1 items-center justify-center p-4">
-        <img v-if="imageSrc" :src="imageSrc" class="max-h-[80vh] max-w-full object-contain" />
+    <main class="flex w-full min-w-0 flex-1 flex-col items-center justify-center px-4 py-6 sm:px-6 sm:py-8">
+        <img
+            v-if="imageSrc"
+            :src="imageSrc"
+            class="max-h-[min(80vh,100dvh)] w-full object-contain"
+        />
    </main>
 </template>