8000 fix(web): keep the weekly estimate on the mobile cost line by InfinityPacer · Pull Request #7 · InfinityPacer/meterleaf · GitHub
[go: up one dir, main page]

Skip to content

fix(web): keep the weekly estimate on the mobile cost line - #7

Merged
InfinityPacer merged 1 commit into
mainfrom
fix/mobile-estimate-inline
Sep 25, 2026
Merged

InfinityPacer merged 1 commit into
mainfrom
fix/mobile-estimate-inline

Conversation

@InfinityPacer
Copy link
Copy Markdown
Owner

问题

手机额度窗口的周预估单独占一行,Fable 也各占一行,浪费纵向空间。之前「$980.59 · $2,579.54」的写法会换行,原因是旧样式在有预估时强制费用与用量各占一整行(flex-basis: 100%),并非宽度不够。

变化

  • 周额度的整周预估以「$已用 · $预估」紧跟已用费用,与 Tokens、请求数同在一行。Fable 同样显示自己的预估。
  • 预估未知时不显示,不写成「· N/A」,账户详情仍显示 N/A。
  • 预估的含义放在 title 和读屏文字「7d 预估」里,省下标签宽度。
  • 桌面账户行不变。

验证

  • 用真实量级数据($980.59、$2,579.54、2.06B Tokens · 10,181 次)在首页和账户页实测,360、375、390、430px 均为一行,320px 时用量整体换到下一行靠右。
  • bun test tests 326 pass,bun run build 通过,所改文件 Prettier 与 git diff --check 通过。
  • bun run test:browser、tests/quota-pwa-layout.browser.ts(48 种状态)、tests/global-layout.browser.ts 通过。

🤖 Generated with Claude Code

Show the weekly estimate as "$980.59 · $2,579.54" right after the spent
amount, on the same line as Tokens and requests, instead of on its own
line. Fable windows show their own estimate the same way; unknown
estimates are omitted. With four-digit amounts the line fits from 360px.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@InfinityPacer
InfinityPacer merged commit 6c19270 into main Sep 25, 2026
2 checks passed
@InfinityPacer
InfinityPacer deleted the fix/mobile-estimate-inline branch September 25, 2026 08:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

0