yujun/goalfylearning-admin-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(): 上面4个 KPI 卡片等宽排列

Browse Source 
- ✅ 下面2个图表框等宽排列
         - ✅ 所有元素宽度对齐,整体更加协调美观
         - ✅ 间距统一(都是 gap: 14-16px)
This commit is contained in:
yuj
2025-12-04 18:09:13 +08:00
parent b995427882
commit ee08889009
2 changed files with 195 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.css
View File

@@ -274,11 +274,11 @@ a{color:inherit; text-decoration:none}
.panel h2{margin:0 0 8px 0; font-size:16px}
.panel .desc{color:var(--muted); font-size:13px; margin-bottom:10px}
.flex-2{display:grid; grid-template-columns: 1.2fr 1fr; gap:16px}
.flex-2{display:grid; grid-template-columns: 1fr 1fr; gap:16px}
.flex-3{display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px}
.full{display:block; width:100%; box-sizing:border-box}
.kpis{display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:14px}
.kpis{display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:14px; margin-bottom: 16px;}
.kpi{
background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%);
border:1px solid rgba(102, 126, 234, 0.1);