fix(achievement): 抬头四条稀有度进度固定单列
Some checks failed
Deploy / deploy (build, debian, 22, /root/OJDeploy/data/clientnext) (push) Has been cancelled
Deploy / deploy (build:staging, school, 8822, /root/OJ/data/dist) (push) Has been cancelled

auto-fit 两列在宽屏会折成 2x2,进度条被压短看不出差别。
改成一列四行,和定稿一致。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-08-05 11:45:15 -06:00
parent 05ce9cbb9e
commit b7f82adb7c

View File

@@ -183,8 +183,9 @@ watch(name, load)
flex: 1; flex: 1;
min-width: 240px; min-width: 240px;
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); /* 固定单列,四条各占一行:折成两列会让进度条短得看不出差别 */
gap: 10px 28px; grid-template-columns: 1fr;
gap: 8px;
} }
.rarity-item { .rarity-item {
display: flex; display: flex;