fix: 进度条改用 table 实现 (Gmail 兼容)

嵌套 div 被 Gmail 过滤导致进度条消失, 且后续 HTML 丢失。
改用 table 实现: 灰色背景轨道 200px, 蓝色填充按利用率百分比。
50% → 100px 蓝色长条, 0% → 无蓝色填充
This commit is contained in:
Your Name
2026-07-17 13:55:08 +08:00
parent 29ddfccc7b
commit 4a9c527d6e
+4 -1
View File
@@ -568,11 +568,14 @@ def _render_html(data: dict, base_url: str) -> str:
# 24h 趋势 HTML
if data["stats_24h"]:
s = data["stats_24h"]
# 进度条: 用 table 实现 (Gmail 兼容), 宽 200px, 蓝色按利用率百分比填充
sample_rows = "".join(
f'<tr><td style="padding:4px 12px;font-family:monospace">{_fmt_ts(smp.timestamp, "%m-%d %H:%M")}</td>'
f'<td style="padding:4px 12px;text-align:right;font-weight:bold">{smp.utilization:.1f}%</td>'
f'<td style="padding:4px 12px">'
f'<span style="background:#007bff;color:#fff;padding:2px 6px;border-radius:2px;font-size:11px;font-weight:bold">{smp.utilization:.1f}%</span>'
f'<table style="width:200px;background:#e0e0e0;border-radius:2px;height:8px">'
f'<tr><td style="width:{max(0, min(200, int(round(smp.utilization / 100 * 200))))}px;background:{DOMAIN_COLORS.get("downloaded", "#007bff")};border-radius:2px;height:8px"></td></tr>'
f'</table>'
f'</td></tr>'
for smp in data["samples_24h"]
)