feat: antd 主题改造 — 启用 cssVar、纯黑白 colorPrimary、统一 sidebar/滚动条/按钮样式
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
import type { TableColumnsType, TableProps } from "antd";
|
||||
|
||||
import { DeleteOutlined, EditOutlined, InboxOutlined, LoginOutlined, RedoOutlined } from "@ant-design/icons";
|
||||
import { Button, Popconfirm, Space, Table, Tag } from "antd";
|
||||
import { Button, Popconfirm, Space, Table, Tag, theme } from "antd";
|
||||
import { useMemo } from "react";
|
||||
import { useNavigate } from "react-router";
|
||||
|
||||
@@ -40,6 +40,7 @@ export function ProjectTable({
|
||||
sortOrder,
|
||||
}: ProjectTableProps) {
|
||||
const navigate = useNavigate();
|
||||
const { token: themeToken } = theme.useToken();
|
||||
|
||||
const columns = useMemo<TableColumnsType<Project>>(
|
||||
() => [
|
||||
@@ -60,7 +61,7 @@ export function ProjectTable({
|
||||
if (record.status === "archived") {
|
||||
return <Tag>已归档</Tag>;
|
||||
}
|
||||
return <Tag color="blue">进行中</Tag>;
|
||||
return <Tag color={themeToken.colorPrimary}>进行中</Tag>;
|
||||
},
|
||||
title: "状态",
|
||||
width: 90,
|
||||
@@ -137,7 +138,7 @@ export function ProjectTable({
|
||||
width: 260,
|
||||
},
|
||||
],
|
||||
[navigate, onEdit, onArchive, onRestore, onDelete, sortBy, sortOrder],
|
||||
[navigate, onEdit, onArchive, onRestore, onDelete, sortBy, sortOrder, themeToken.colorPrimary],
|
||||
);
|
||||
|
||||
const handleTableChange: TableProps<Project>["onChange"] = (pagination, _filters, sorter) => {
|
||||
|
||||
Reference in New Issue
Block a user