fix(assets): 骨架屏网格列数同步真实网格(6列)+响应式断点对齐
CI/CD Pipeline / Dedup Check - skip PR tests when covered by push pipeline (pull_request) Successful in 3s
CI/CD Pipeline / Check push changed paths (pull_request) Has been skipped
CI/CD Pipeline / Check if frontend-only change (pull_request) Successful in 1m43s
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 2m46s
AI Code Review / AI Code Review (pull_request) Successful in 3m17s
CI/CD Pipeline / Build Staging API Image (pull_request) Has been skipped
CI/CD Pipeline / Build Staging Web Image (pull_request) Has been skipped
CI/CD Pipeline / Build Staging Worker Image (pull_request) Has been skipped
PR Automation / Auto Approve on CI Green (pull_request) Successful in 4m22s
CI/CD Pipeline / Unit Tests (pull_request) Has been skipped
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 3m3s
CI/CD Pipeline / PR Build API Image (pull_request) Has been skipped
CI/CD Pipeline / Retag skipped Staging API Image (pull_request) Has been skipped
CI/CD Pipeline / Retag skipped Staging Web Image (pull_request) Has been skipped
CI/CD Pipeline / Retag skipped Staging Worker Image (pull_request) Has been skipped
CI/CD Pipeline / PR Build Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Frontend Unit Tests (pull_request) Successful in 1m42s
CI/CD Pipeline / Deploy Staging (Watchtower auto-deploy) (pull_request) Has been skipped
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 2m14s
CI/CD Pipeline / Staging E2E Tests (pull_request) Has been skipped
CI/CD Pipeline / Staging API Integration Tests (pull_request) Has been skipped
CI/CD Pipeline / ACR Image Cleanup (pull_request) Has been skipped
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 1m53s
CI/CD Pipeline / Validate - Migration (alembic) (pull_request) Successful in 8m9s
CI/CD Pipeline / Validate - Type Check (mypy) (pull_request) Successful in 10m14s
CI/CD Pipeline / Validate - Code Quality (pull_request) Successful in 17m31s
CI/CD Pipeline / Build Production API Image (pull_request) Has been skipped
CI/CD Pipeline / Integration Tests (pull_request) Has been skipped
CI/CD Pipeline / Build Production Web Image (pull_request) Has been skipped
CI/CD Pipeline / Build Production Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Deploy Production (pull_request) Has been skipped
CI/CD Pipeline / Canary Release to Production (pull_request) Has been skipped
CI/CD Pipeline / Production Browser E2E (pull_request) Has been skipped
CI/CD Pipeline / CI Gate (pull_request) Successful in 23s
ACR Cleanup / ACR Image Cleanup (pull_request_target) Successful in 3m46s
Preview Cleanup / Cleanup Preview Environment (pull_request) Successful in 5m10s

#1558 卡片缩小后遗漏:加载态骨架屏 .xx-assets-skeleton-grid 仍是
repeat(4,1fr) 且无响应式覆盖,导致加载态 4 列、加载完跳变 6 列。
- 基础列数 4 -> 6,与 .xx-asset-grid 一致
- 1400px/1200px -> 3列,768px -> 2列,480px -> 1列 同步对齐
This commit is contained in:
xiaoxia
2026-08-30 21:56:13 +08:00
parent 61295b9c25
commit 2f9ee83b0b
+17 -1
View File
@@ -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;
}
}
/* ─── 上传队列面板 ─── */