Skip to content

phsl / new-api

Go to a project
Commit 9b5bceae by Apple\Apple
Options

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

parent b87bcbc2
Showing with 36 additions and 61 deletions
web/src/components/LogsTable.js
...@@ -1135,70 +1135,45 @@ const LogsTable = () => { ...@@ -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" />
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment