oadmin/new-api
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🔖chore: Change the display style of request count, TPM, and RPM in the LogsTable

Browse Source
This commit is contained in:
Apple\Apple
2025-05-26 00:45:31 +08:00
parent 072ac1b3c8
commit 96709dd9f3
1 changed files with 36 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
web/src/components/LogsTable.js
View File

@@ -1135,70 +1135,45 @@ const LogsTable = () => {
title={ title={
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<Spin spinning={loadingStat}> <Spin spinning={loadingStat}>
<div className="grid grid-cols-1 md:grid-cols-3 gap-4"> <Space>
<Card <Tag
shadows='hover' color='blue'
className="bg-yellow-50 border-0 !rounded-2xl w-full" size='large'
headerLine={false} style={{
padding: 15,
borderRadius: '8px',
fontWeight: 500,
boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
}}
> >
<div className="flex items-center"> {t('消耗额度')}: {renderQuota(stat.quota)}
<Avatar </Tag>
className="mr-3" <Tag
size="medium" color='pink'
color="blue" size='large'
> style={{
<IconCoinMoneyStroked /> padding: 15,
</Avatar> borderRadius: '8px',
<div> fontWeight: 500,
<div className="text-sm text-gray-500">{t('消耗额度')}</div> boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
<div className="text-xl font-semibold">{renderQuota(stat.quota)}</div> }}
</div>
</div>
</Card>
<Card
shadows='hover'
className="bg-cyan-50 border-0 !rounded-2xl w-full"
headerLine={false}
> >
<div className="flex items-center"> RPM: {stat.rpm}
<Avatar </Tag>
className="mr-3" <Tag
size="medium" color='white'
color="pink" size='large'
> style={{
<IconPulse /> padding: 15,
</Avatar> border: 'none',
<div> boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
<div className="text-sm text-gray-500">RPM</div> borderRadius: '8px',
<div className="text-xl font-semibold">{stat.rpm || 0}</div> fontWeight: 500,
</div> }}
</div>
</Card>
<Card
shadows='hover'
className="bg-violet-50 border-0 !rounded-2xl w-full"
headerLine={false}
> >
<div className="flex items-center"> TPM: {stat.tpm}
<Avatar </Tag>
className="mr-3 shadow-md" </Space>
size="medium"
color="white"
style={{
boxShadow: 'var(--semi-shadow-elevated)'
}}
>
<IconTypograph />
</Avatar>
<div>
<div className="text-sm text-gray-500">TPM</div>
<div className="text-xl font-semibold">{stat.tpm || 0}</div>
</div>
</div>
</Card>
</div>
</Spin> </Spin>
<Divider margin="12px" /> <Divider margin="12px" />