From 20f6e648477b610a500f44f8f2a169878a331a2a Mon Sep 17 00:00:00 2001 From: xiaoxia Date: Mon, 13 Jul 2026 19:20:07 +0800 Subject: [PATCH] =?UTF-8?q?refactor(ui):=20=E6=B8=85=E7=90=86=20Table/Form?= =?UTF-8?q?/Pagination=20=E6=AD=BB=E4=BB=A3=E7=A0=81=EF=BC=88~95=E8=A1=8C?= =?UTF-8?q?=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 删除已移除组件的关联样式: - .xx-table 全节(9个规则) - .xx-form / .xx-form-compact 全节(4个规则) - .xx-pagination 全节(8个规则) - 响应式中 .xx-form 规则 全项目 grep 确认零引用后删除 --- apps/web/src/components/ui/ui.css | 110 ------------------------------ 1 file changed, 110 deletions(-) diff --git a/apps/web/src/components/ui/ui.css b/apps/web/src/components/ui/ui.css index 292852393..f6a7e7e54 100644 --- a/apps/web/src/components/ui/ui.css +++ b/apps/web/src/components/ui/ui.css @@ -258,51 +258,6 @@ font-size: 24px !important; } -/* ============================================================ - Table 表格 - ============================================================ */ -.xx-table .ant-table { - background: var(--bg-primary) !important; - color: var(--text-primary) !important; - border-radius: var(--radius-md) !important; - overflow: hidden; -} - -.xx-table .ant-table-thead > tr > th { - background: var(--bg-secondary) !important; - color: var(--text-secondary) !important; - font-weight: var(--font-weight-semibold) !important; - border-bottom: 1px solid var(--border-color) !important; - font-size: var(--font-size-sm) !important; - text-transform: uppercase; - letter-spacing: var(--letter-spacing-wide); -} - -.xx-table .ant-table-tbody > tr > td { - border-bottom: 1px solid var(--border-light) !important; - color: var(--text-primary) !important; - transition: var(--transition-fast) !important; -} - -.xx-table .ant-table-tbody > tr:hover > td { - background: var(--primary-soft) !important; -} - -.xx-table .ant-table-tbody > tr:last-child > td { - border-bottom: none !important; -} - -/* 排序图标 */ -.xx-table .ant-table-column-sorter-up.active, -.xx-table .ant-table-column-sorter-down.active { - color: var(--primary-color) !important; -} - -/* 分页 */ -.xx-table .ant-pagination { - padding: var(--space-md) 0 !important; -} - /* ============================================================ Card 卡片 ============================================================ */ @@ -429,68 +384,6 @@ border-bottom: 1px solid var(--border-light) !important; } -/* ============================================================ - Form 表单 - ============================================================ */ -.xx-form .ant-form-item-label > label { - color: var(--text-primary) !important; - font-weight: var(--font-weight-medium) !important; - font-size: var(--font-size-base) !important; -} - -.xx-form .ant-form-item-explain-error { - color: var(--error-color) !important; - font-size: var(--font-size-sm) !important; -} - -.xx-form .ant-form-item { - margin-bottom: var(--space-lg) !important; -} - -/* 表单项间距紧凑 */ -.xx-form-compact .ant-form-item { - margin-bottom: var(--space-md) !important; -} - -/* ============================================================ - Pagination 分页 - ============================================================ */ -.xx-pagination .ant-pagination-item { - border-radius: var(--radius-xs) !important; - border-color: var(--border-color) !important; - transition: var(--transition-fast) !important; -} - -.xx-pagination .ant-pagination-item a { - color: var(--text-primary) !important; -} - -.xx-pagination .ant-pagination-item:hover { - border-color: var(--primary-color) !important; -} - -.xx-pagination .ant-pagination-item:hover a { - color: var(--primary-color) !important; -} - -.xx-pagination .ant-pagination-item-active { - background: var(--gradient-primary) !important; - border-color: transparent !important; -} - -.xx-pagination .ant-pagination-item-active a { - color: var(--text-inverse) !important; -} - -.xx-pagination .ant-pagination-prev .ant-pagination-item-link, -.xx-pagination .ant-pagination-next .ant-pagination-item-link { - border-radius: var(--radius-xs) !important; - color: var(--text-secondary) !important; -} - -.xx-pagination .ant-pagination-disabled .ant-pagination-item-link { - color: var(--text-disabled) !important; -} /* ============================================================ 响应式 @@ -517,9 +410,6 @@ padding: var(--space-md) !important; } - .xx-form .ant-form-item { - margin-bottom: var(--space-md) !important; - } } @media (max-width: 480px) { -- 2.54.0