wip(freight): migration 0017 + model/column-list groundwork for add-freight-templates

apps/mall/components/ui/Modal.vue

@@ -5,21 +5,30 @@ const emit = defineEmits<{ close: [] }>();
 
 <template>
   <Teleport to="body">
-    <div v-if="open" class="fixed inset-0 z-[900] flex items-center justify-center bg-black/40" @click.self="emit('close')">
-      <div class="min-w-[420px] max-w-[720px] rounded-md bg-surface shadow-lg">
-        <header v-if="title" class="flex items-center justify-between border-b border-border px-5 py-3.5 text-[15px]">
+    <div
+      v-if="open"
+      class="fixed inset-0 z-[900] flex items-center justify-center bg-black/40"
+      @click.self="emit('close')"
+    >
+      <div class="bg-surface max-w-[720px] min-w-[420px] rounded-md shadow-lg">
+        <header
+          v-if="title"
+          class="border-border flex items-center justify-between border-b px-5 py-3.5 text-[15px]"
+        >
           <span>{{ title }}</span>
           <button
             type="button"
-            class="border-0 bg-transparent text-[20px] text-muted transition-colors hover:text-primary"
+            class="text-muted hover:text-primary border-0 bg-transparent text-[20px] transition-colors"
             :aria-label="$t('common.cancel')"
             @click="emit('close')"
-          >×</button>
+          >
+            ×
+          </button>
         </header>
         <div class="p-5">
           <slot />
         </div>
-        <footer v-if="$slots.footer" class="border-t border-border px-5 py-3 text-right">
+        <footer v-if="$slots.footer" class="border-border border-t px-5 py-3 text-right">
           <slot name="footer" />
         </footer>
       </div>