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 34 additions and 59 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,
<div className="flex items-center"> borderRadius: '8px',
<Avatar fontWeight: 500,
className="mr-3" boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
size="medium" }}
color="blue"
>
<IconCoinMoneyStroked />
</Avatar>
<div>
<div className="text-sm text-gray-500">{t('消耗额度')}</div>
<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">
<Avatar
className="mr-3"
size="medium"
color="pink"
> >
<IconPulse /> {t('消耗额度')}: {renderQuota(stat.quota)}
</Avatar> </Tag>
<div> <Tag
<div className="text-sm text-gray-500">RPM</div> color='pink'
<div className="text-xl font-semibold">{stat.rpm || 0}</div> size='large'
</div> style={{
</div> padding: 15,
</Card> borderRadius: '8px',
fontWeight: 500,
<Card boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
shadows='hover' }}
className="bg-violet-50 border-0 !rounded-2xl w-full"
headerLine={false}
> >
<div className="flex items-center"> RPM: {stat.rpm}
<Avatar </Tag>
className="mr-3 shadow-md" <Tag
size="medium" color='white'
color="white" size='large'
style={{ style={{
boxShadow: 'var(--semi-shadow-elevated)' padding: 15,
border: 'none',
boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
borderRadius: '8px',
fontWeight: 500,
}} }}
> >
<IconTypograph /> TPM: {stat.tpm}
</Avatar> </Tag>
<div> </Space>
<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