From 80dec2185e56148e1da85464be44e8f4ba87122a Mon Sep 17 00:00:00 2001 From: chengkai3 Date: Mon, 22 Jun 2026 00:14:57 +0800 Subject: [PATCH] =?UTF-8?q?[fix]:[FL-177][=E8=B0=83=E6=95=B4=E8=A1=A8?= =?UTF-8?q?=E6=A0=BC=E8=BE=B9=E6=A1=86=E6=A0=B7=E5=BC=8F=20-=20=E4=BB=85?= =?UTF-8?q?=E4=BF=9D=E7=95=99=E5=A4=96=E8=BE=B9=E6=A1=86=E5=B9=B6=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0=E5=9C=86=E8=A7=92]?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 根据反馈调整表格边框样式： 1. 移除单元格内部边框，仅保留表格外边框 2. 为表格添加圆角效果，使用 --ant-border-radius-lg 3. 顶部和底部圆角对齐，视觉更统一 4. 使用 overflow: hidden 确保圆角正确显示 改动内容： - 简化 CSS 规则，移除所有单元格间的边框定义 - 添加 border-radius 和 overflow: hidden 到表格容器 - 为表头第一行的首尾单元格添加顶部圆角 Co-Authored-By: Claude Sonnet 4.6 Co-authored-by: multica-agent --- web/src/app/globals.css | 34 +++++++++++----------------------- 1 file changed, 11 insertions(+), 23 deletions(-) diff --git a/web/src/app/globals.css b/web/src/app/globals.css index d2db8d3..7ca22a4 100644 --- a/web/src/app/globals.css +++ b/web/src/app/globals.css @@ -1554,38 +1554,26 @@ body { } } -/* 表格边框优化 - 确保边框与背景色有明显区分 */ +/* 表格边框优化 - 仅外边框，上下圆角对齐 */ .ant-table-wrapper .ant-table { border: 1px solid var(--fquiz-table-border-color); + border-radius: var(--ant-border-radius-lg); + overflow: hidden; } -.ant-table-wrapper .ant-table-thead > tr > th { - border-bottom: 1px solid var(--fquiz-table-border-color); - border-right: 1px solid var(--fquiz-table-border-color); +.ant-table-wrapper .ant-table-container { + border-radius: var(--ant-border-radius-lg); } -.ant-table-wrapper .ant-table-thead > tr > th:last-child { - border-right: none; +.ant-table-wrapper .ant-table-thead > tr:first-child > th:first-child { + border-top-left-radius: var(--ant-border-radius-lg); } -.ant-table-wrapper .ant-table-tbody > tr > td { - border-bottom: 1px solid var(--fquiz-table-border-color); - border-right: 1px solid var(--fquiz-table-border-color); +.ant-table-wrapper .ant-table-thead > tr:first-child > th:last-child { + border-top-right-radius: var(--ant-border-radius-lg); } -.ant-table-wrapper .ant-table-tbody > tr > td:last-child { - border-right: none; -} - -.ant-table-wrapper .ant-table-tbody > tr:last-child > td { - border-bottom: none; -} - -.ant-table-wrapper .ant-table.ant-table-bordered .ant-table-container { +.ant-table-wrapper .ant-table.ant-table-bordered { border: 1px solid var(--fquiz-table-border-color); -} - -.ant-table-wrapper .ant-table.ant-table-bordered .ant-table-thead > tr > th, -.ant-table-wrapper .ant-table.ant-table-bordered .ant-table-tbody > tr > td { - border-right: 1px solid var(--fquiz-table-border-color); + border-radius: var(--ant-border-radius-lg); }