github/claude-relay-service
1
0
Fork 0
mirror of https://github.com/Wei-Shaw/claude-relay-service.git synced 2026-01-23 09:06:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: api-stats布局优化

Browse Source
This commit is contained in:
shaw
2025-09-28 15:43:37 +08:00
parent 5e015e87e0
commit 323f3ab6c4
4 changed files with 451 additions and 686 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
web/admin-spa/src/views/ApiStatsView.vue
View File

@@ -124,19 +124,15 @@
<!-- Token 分布和限制配置 -->
<div
class="mb-6 grid grid-cols-1 gap-4 md:mb-8 md:gap-6 lg:auto-rows-max lg:grid-cols-2 lg:items-start"
class="mb-6 mt-6 grid grid-cols-1 gap-4 md:mb-8 md:mt-8 md:gap-6 xl:grid-cols-2 xl:items-stretch"
>
<div class="lg:col-span-1">
<TokenDistribution />
</div>
<!-- 单key模式下显示限制配置，使用整行避免出现大片空白 -->
<div v-if="!multiKeyMode" class="lg:col-span-2">
<LimitConfig />
</div>
<!-- 多key模式下显示聚合统计卡片，与 TokenDistribution 并排 -->
<div v-if="multiKeyMode" class="lg:col-span-1">
<AggregatedStatsCard />
</div>
<TokenDistribution class="h-full" />
<template v-if="multiKeyMode">
<AggregatedStatsCard class="h-full" />
</template>
<template v-else>
<LimitConfig class="h-full" />
</template>
</div>
<!-- 模型使用统计 -->