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; + } } /* ─── 上传队列面板 ─── */