重写所有页面和组件:用纯 Tailwind CSS 替换 MUI 组件和图标

This commit is contained in:
雨霖铃
2026-05-22 00:51:11 +08:00
parent 1bc3ee59a0
commit e2dd5f5915
8 changed files with 763 additions and 680 deletions
+3 -9
View File
@@ -1,12 +1,6 @@
/**
* ToolCard 组件 - 工具卡片
*
* 用于在仪表盘中展示各个工具功能的卡片组件,支持图标、标题、描述、
* 快照内容展示,具备悬停动画效果。
*/
import { ChevronRight } from 'lucide-react';
import type { ComponentType } from 'react';
import type { SvgIconProps } from '@mui/material/SvgIcon';
import type { LucideProps } from 'lucide-react';
import type { PaletteColorKey } from '@/config/features';
const PALETTE_COLORS: Record<PaletteColorKey, string> = {
@@ -23,7 +17,7 @@ interface ToolCardProps {
description?: string;
snapshot?: React.ReactNode;
colorKey: PaletteColorKey;
icon: ComponentType<SvgIconProps>;
icon: ComponentType<LucideProps>;
onClick: () => void;
}
@@ -68,7 +62,7 @@ export default function ToolCard({
color: colorCode,
}}
>
<IconComponent sx={{ fontSize: 20 }} />
<IconComponent size={20} />
</div>
<div>
<span className="font-bold text-sm leading-tight text-gray-900 flex items-center gap-1">