From 4e40f486d565ea443c422a8afa676a71fb47f6a2 Mon Sep 17 00:00:00 2001 From: hz4th_coder Date: Tue, 18 Aug 2026 00:10:57 +0800 Subject: [PATCH] =?UTF-8?q?v1.2.11=20=E6=AF=94=E8=B5=9B=E5=8D=A1=E7=89=87?= =?UTF-8?q?=E5=B1=85=E4=B8=AD=E6=8E=92=E5=88=97(flex=E5=B1=85=E4=B8=AD?= =?UTF-8?q?=E6=8D=A2=E8=A1=8C)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- static/style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/static/style.css b/static/style.css index 2c0c51a..f63480a 100644 --- a/static/style.css +++ b/static/style.css @@ -133,9 +133,9 @@ main { flex: 1; width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px 16 .pager button:disabled { opacity: .35; cursor: default; } .pager span { margin: 0 4px; } -/* ---------- 比赛网格卡片（固定宽度，宽度足够一行多个） ---------- */ -.games-grid { grid-template-columns: repeat(auto-fill, 420px); align-items: stretch; } -.games-grid .list-item { display: flex; flex-direction: column; justify-content: space-between; gap: 8px; height: 100%; padding: 14px 16px; } +/* ---------- 比赛网格卡片（固定宽度420px，居中排列） ---------- */ +.games-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; } +.games-grid .list-item { flex: 0 0 420px; width: 420px; display: flex; flex-direction: column; justify-content: space-between; gap: 8px; height: 100%; padding: 14px 16px; } .card { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 16px; cursor: pointer; transition: .18s; } .card:hover { transform: translateY(-3px); border-color: var(--orange2); box-shadow: 0 6px 20px rgba(0,0,0,.35); } .card h3 { font-size: 15.5px; margin-bottom: 4px; }