From 60375e6cbe541fa5b5bd623050be9766951e16cb Mon Sep 17 00:00:00 2001 From: chiyi Date: Sat, 4 Jul 2026 22:35:39 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=A1=A8=E6=A0=BC=E6=BB=9A?= =?UTF-8?q?=E5=8A=A8=E6=9D=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/style.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/frontend/src/style.css b/frontend/src/style.css index df3c90c..5392568 100644 --- a/frontend/src/style.css +++ b/frontend/src/style.css @@ -249,6 +249,13 @@ body { buttons keep the "not-allowed" cursor already applied via Tailwind. */ button:not(:disabled), [role="button"]:not([aria-disabled="true"]) { cursor: pointer; } +/* ===== Global horizontal table scroll ===== + Data tables use fixed column widths; on a narrow screen the table can be + wider than its card. Instead of clipping (overflow-hidden) or squishing the + columns, let the card scroll horizontally. overflow-y is left to the card's + own utility so vertical clipping / rounded corners are preserved. */ +.card:has(> table) { overflow-x: auto; } + ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-thumb { background: rgb(203 213 225); border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: rgb(148 163 184); }