fix(frontend): 修复健康监控中 OpenAI Compact 百分比换行

- 调整 HealthMonitorCard 左侧信息区宽度(sm:w-44 -> sm:w-52)
- 为 API 格式与成功率 Badge 添加 whitespace-nowrap,避免文本断行
This commit is contained in:
AAEE86
2026-03-10 16:49:43 +08:00
parent 7b0c80a0c4
commit 9a4817faf8

View File

@@ -76,19 +76,19 @@
<!-- 响应式布局窄屏上下两行宽屏左右结构 -->
<div class="flex flex-col sm:flex-row sm:gap-6 sm:items-center">
<!-- 第一行/左侧信息区域 -->
<div class="sm:w-44 flex-shrink-0 space-y-1.5 mb-3 sm:mb-0">
<div class="sm:w-52 flex-shrink-0 space-y-1.5 mb-3 sm:mb-0">
<!-- API 格式标签和成功率 -->
<div class="flex items-center gap-2 flex-wrap">
<Badge
variant="outline"
class="font-mono text-xs"
class="font-mono text-xs whitespace-nowrap"
>
{{ formatApiFormat(monitor.api_format) }}
</Badge>
<Badge
v-if="monitor.total_attempts > 0"
:variant="getSuccessRateVariant(monitor.success_rate)"
class="text-xs"
class="text-xs whitespace-nowrap"
>
{{ (monitor.success_rate * 100).toFixed(0) }}%
</Badge>