From b7f82adb7c3d838d22ab1a839f6c8b82f6b4d10e Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Wed, 5 Aug 2026 11:45:15 -0600
Subject: [PATCH] =?UTF-8?q?fix(achievement):=20=E6=8A=AC=E5=A4=B4=E5=9B=9B?=
 =?UTF-8?q?=E6=9D=A1=E7=A8=80=E6=9C=89=E5=BA=A6=E8=BF=9B=E5=BA=A6=E5=9B=BA?=
 =?UTF-8?q?=E5=AE=9A=E5=8D=95=E5=88=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 src/oj/achievement/index.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

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