e4850656a5
主要更新： - 完善 README 文档，新增中文详细使用说明与监控中心介绍 - 优化 README.md 文档内容和格式，增加英文和中文文档切换链接 - 新增监控中心模块，支持请求日志、统计分析和模型管理 - 增强 AI 提供商配置页面，添加配置搜索功能 - 更新 .gitignore，移除无效注释和调整条目名称 - 删除 README_CN.md 文件，统一文档结构 Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
26 lines
673 B
TypeScript
26 lines
673 B
TypeScript
import type { PropsWithChildren, ReactNode } from 'react';
|
|
|
|
interface CardProps {
|
|
title?: ReactNode;
|
|
subtitle?: ReactNode;
|
|
extra?: ReactNode;
|
|
className?: string;
|
|
}
|
|
|
|
export function Card({ title, subtitle, extra, children, className }: PropsWithChildren<CardProps>) {
|
|
return (
|
|
<div className={className ? `card ${className}` : 'card'}>
|
|
{(title || extra) && (
|
|
<div className="card-header">
|
|
<div className="card-title-group">
|
|
<div className="title">{title}</div>
|
|
{subtitle && <div className="subtitle">{subtitle}</div>}
|
|
</div>
|
|
{extra}
|
|
</div>
|
|
)}
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|