Admin/fquiz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[fix]:[FL-177][调整表格边框样式 - 仅保留外边框并添加圆角]

Browse Source 
根据反馈调整表格边框样式：

1. 移除单元格内部边框，仅保留表格外边框
2. 为表格添加圆角效果，使用 --ant-border-radius-lg
3. 顶部和底部圆角对齐，视觉更统一
4. 使用 overflow: hidden 确保圆角正确显示

改动内容：
- 简化 CSS 规则，移除所有单元格间的边框定义
- 添加 border-radius 和 overflow: hidden 到表格容器
- 为表头第一行的首尾单元格添加顶部圆角

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
chengkai3
2026-06-22 00:14:57 +08:00
parent 10c673461b
commit 80dec2185e
1 changed files with 11 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/app/globals.css
+11 -23
View File
@@ -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);
}