hz4th_coder/nba-fan-hub
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1.2.11 比赛卡片居中排列(flex居中换行)

Browse Source
This commit is contained in:
hz4th_coder
2026-08-18 00:10:57 +08:00
parent 039ad42025
commit 4e40f486d5
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+3 -3
View File
@@ -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; }