🎨 style(tokens-table): enhance quota usage progress bar UI

Improves the “Balance” column in `TokensTable`:

• Re-styled progress bar: wider container (`w-[140px]`) and `showInfo` enabled to display percentage label.
• Added `format={() => \`\${percent}%\`}` for precise percentage feedback.
• Maintains dynamic color mapping (success / warning / danger) for clarity.

Result: clearer, more informative visual representation of remaining token quota.
This commit is contained in:
t0ng7u
2025-07-13 18:10:59 +08:00
parent c244837719
commit ac5f028d10
3 changed files with 9 additions and 23 deletions

View File

@@ -34,7 +34,6 @@ import {
Layout,
Modal,
Progress,
Skeleton,
Table,
Tag,
Typography
@@ -665,17 +664,7 @@ const LogsTable = () => {
<div className="flex flex-col md:flex-row justify-between items-start md:items-center gap-2 w-full">
<div className="flex items-center text-orange-500 mb-2 md:mb-0">
<IconEyeOpened className="mr-2" />
{loading ? (
<Skeleton.Title
style={{
width: 300,
marginBottom: 0,
marginTop: 0
}}
/>
) : (
<Text>{t('任务记录')}</Text>
)}
<Text>{t('任务记录')}</Text>
</div>
<Button
theme='light'