From 2f9ee83b0b49abea52d221dfbf9086a3c7bffaa2 Mon Sep 17 00:00:00 2001
From: xiaoxia <xiaoxia@xiaoxiajianji.com>
Date: Sun, 30 Aug 2026 21:56:13 +0800
Subject: [PATCH] =?UTF-8?q?fix(assets):=20=E9=AA=A8=E6=9E=B6=E5=B1=8F?=
 =?UTF-8?q?=E7=BD=91=E6=A0=BC=E5=88=97=E6=95=B0=E5=90=8C=E6=AD=A5=E7=9C=9F?=
 =?UTF-8?q?=E5=AE=9E=E7=BD=91=E6=A0=BC(6=E5=88=97)+=E5=93=8D=E5=BA=94?=
 =?UTF-8?q?=E5=BC=8F=E6=96=AD=E7=82=B9=E5=AF=B9=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#1558 卡片缩小后遗漏：加载态骨架屏 .xx-assets-skeleton-grid 仍是
repeat(4,1fr) 且无响应式覆盖，导致加载态 4 列、加载完跳变 6 列。
- 基础列数 4 -> 6，与 .xx-asset-grid 一致
- 1400px/1200px -> 3列，768px -> 2列，480px -> 1列 同步对齐
---
 apps/web/src/pages/assets/assets.css | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/pages/assets/assets.css b/apps/web/src/pages/assets/assets.css
index 041d98d5e..ca9c0b019 100644
--- a/apps/web/src/pages/assets/assets.css
+++ b/apps/web/src/pages/assets/assets.css
@@ -630,7 +630,7 @@
    ============================================================ */
 .xx-assets-skeleton-grid {
   display: grid;
-  grid-template-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(6, 1fr);
   gap: 14px;
 }
 
@@ -645,6 +645,10 @@
   .xx-asset-grid {
     grid-template-columns: repeat(3, 1fr);
   }
+
+  .xx-assets-skeleton-grid {
+    grid-template-columns: repeat(3, 1fr);
+  }
 }
 
 @media (max-width: 1200px) {
@@ -668,6 +672,10 @@
   .xx-asset-grid {
     grid-template-columns: repeat(3, 1fr);
   }
+
+  .xx-assets-skeleton-grid {
+    grid-template-columns: repeat(3, 1fr);
+  }
 }
 
 @media (max-width: 768px) {
@@ -679,6 +687,10 @@
     grid-template-columns: repeat(2, 1fr);
   }
 
+  .xx-assets-skeleton-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
   .xx-assets-filters {
     flex-direction: column;
     align-items: stretch;
@@ -698,6 +710,10 @@
   .xx-asset-grid {
     grid-template-columns: 1fr;
   }
+
+  .xx-assets-skeleton-grid {
+    grid-template-columns: 1fr;
+  }
 }
 
 /* ─── 上传队列面板 ─── */
-- 
2.54.0