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="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 格式标签和成功率 --> <!-- API 格式标签和成功率 -->
<div class="flex items-center gap-2 flex-wrap"> <div class="flex items-center gap-2 flex-wrap">
<Badge <Badge
variant="outline" variant="outline"
class="font-mono text-xs" class="font-mono text-xs whitespace-nowrap"
> >
{{ formatApiFormat(monitor.api_format) }} {{ formatApiFormat(monitor.api_format) }}
</Badge> </Badge>
<Badge <Badge
v-if="monitor.total_attempts > 0" v-if="monitor.total_attempts > 0"
:variant="getSuccessRateVariant(monitor.success_rate)" :variant="getSuccessRateVariant(monitor.success_rate)"
class="text-xs" class="text-xs whitespace-nowrap"
> >
{{ (monitor.success_rate * 100).toFixed(0) }}% {{ (monitor.success_rate * 100).toFixed(0) }}%
</Badge> </Badge>