feat: remove first section for overview

This commit is contained in:
JustSong
2025-01-31 22:24:13 +08:00
parent dc8c3bc69e
commit 52d81e0e24
2 changed files with 23 additions and 38 deletions

View File

@@ -45,6 +45,15 @@
color: #1a1a1a; color: #1a1a1a;
font-size: 1.2em; font-size: 1.2em;
margin-bottom: 15px; margin-bottom: 15px;
display: flex;
justify-content: space-between;
align-items: center;
}
.stat-value {
color: #2185d0;
font-weight: bold;
font-size: 1.1em;
} }
/* 优化图表响应式布局 */ /* 优化图表响应式布局 */

View File

@@ -152,47 +152,15 @@ const Dashboard = () => {
return ( return (
<div className='dashboard-container'> <div className='dashboard-container'>
<Grid columns={3} stackable>
<Grid.Column>
<Card fluid className='stat-card'>
<Card.Content>
<Statistic>
<Statistic.Value>{summaryData.todayRequests}</Statistic.Value>
<Statistic.Label>今日请求量</Statistic.Label>
</Statistic>
</Card.Content>
</Card>
</Grid.Column>
<Grid.Column>
<Card fluid className='stat-card'>
<Card.Content>
<Statistic>
<Statistic.Value>
${summaryData.todayQuota.toFixed(3)}
</Statistic.Value>
<Statistic.Label>今日消费</Statistic.Label>
</Statistic>
</Card.Content>
</Card>
</Grid.Column>
<Grid.Column>
<Card fluid className='stat-card'>
<Card.Content>
<Statistic>
<Statistic.Value>{summaryData.todayTokens}</Statistic.Value>
<Statistic.Label>今日 token</Statistic.Label>
</Statistic>
</Card.Content>
</Card>
</Grid.Column>
</Grid>
{/* 三个并排的折线图 */} {/* 三个并排的折线图 */}
<Grid columns={3} stackable className='charts-grid'> <Grid columns={3} stackable className='charts-grid'>
<Grid.Column> <Grid.Column>
<Card fluid className='chart-card'> <Card fluid className='chart-card'>
<Card.Content> <Card.Content>
<Card.Header>今日请求量</Card.Header> <Card.Header>
模型请求趋势
<span className='stat-value'>{summaryData.todayRequests}</span>
</Card.Header>
<div className='chart-container'> <div className='chart-container'>
<ResponsiveContainer width='100%' height={120}> <ResponsiveContainer width='100%' height={120}>
<LineChart data={timeSeriesData}> <LineChart data={timeSeriesData}>
@@ -216,7 +184,12 @@ const Dashboard = () => {
<Grid.Column> <Grid.Column>
<Card fluid className='chart-card'> <Card fluid className='chart-card'>
<Card.Content> <Card.Content>
<Card.Header>今日消费</Card.Header> <Card.Header>
额度消费趋势
<span className='stat-value'>
${summaryData.todayQuota.toFixed(3)}
</span>
</Card.Header>
<div className='chart-container'> <div className='chart-container'>
<ResponsiveContainer width='100%' height={120}> <ResponsiveContainer width='100%' height={120}>
<LineChart data={timeSeriesData}> <LineChart data={timeSeriesData}>
@@ -240,7 +213,10 @@ const Dashboard = () => {
<Grid.Column> <Grid.Column>
<Card fluid className='chart-card'> <Card fluid className='chart-card'>
<Card.Content> <Card.Content>
<Card.Header>今日 token</Card.Header> <Card.Header>
Token 消费趋势
<span className='stat-value'>{summaryData.todayTokens}</span>
</Card.Header>
<div className='chart-container'> <div className='chart-container'>
<ResponsiveContainer width='100%' height={120}> <ResponsiveContainer width='100%' height={120}>
<LineChart data={timeSeriesData}> <LineChart data={timeSeriesData}>