style: 优化风格参考图布局

2026-09-22 16:55:55 +08:00
parent 6e5856714e
commit b9db84c261
2 changed files with 17 additions and 1 deletions
@@ -118,7 +118,7 @@ const rules = { imageUrl: imageUrlRule, sortOrder: fieldRule(Number.isSafeIntege
                </div>
            </fieldset>
        </AppForm>
-        <div v-if="images.length" class="mt-5 grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
+        <div v-if="images.length" class="style-image-list mt-5">
            <article v-for="image in images" :key="image.id" class="surface-inset min-w-0 p-3">
                <AssetImage
                    :src="image.imageUrl"
@@ -216,6 +216,14 @@ const rules = { imageUrl: imageUrlRule, sortOrder: fieldRule(Number.isSafeIntege
    gap: 12px;
    min-width: 0;
 }
+.style-image-submit {
+    margin-top: 29px;
+}
+.style-image-list {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 260px));
+    gap: 16px;
+}
 .style-asset-picker {
    @apply grid grid-cols-[repeat(auto-fill,_minmax(min(180px,_100%),_1fr))] gap-3;
 }