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,10 +1,10 @@
 <template>
-    <div class="inline-flex w-fit rounded-md border border-border p-0.5">
+    <div class="flex w-full rounded-md border border-border p-0.5 sm:inline-flex sm:w-fit">
        <button
            v-for="option in options"
            :key="option.value"
            type="button"
-            class="rounded px-3 py-1.5 text-xs font-medium transition-colors"
+            class="min-w-0 flex-1 rounded px-3 py-1.5 text-center text-xs font-medium transition-colors sm:flex-none"
            :class="
                modelValue === option.value
                    ? 'bg-muted text-foreground'