Skip to content

fix: 使用 CSS 变量实现聊天界面字体缩放#194

Merged
1186258278 merged 2 commits intoqingchencloud:mainfrom
h91312:fix/chat-font-scale
Apr 19, 2026
Merged

fix: 使用 CSS 变量实现聊天界面字体缩放#194
1186258278 merged 2 commits intoqingchencloud:mainfrom
h91312:fix/chat-font-scale

Conversation

@h91312
Copy link
Copy Markdown
Contributor

@h91312 h91312 commented Apr 6, 2026

问题描述

聊天界面的字体大小是硬编码的(11px, 13px, 14px 等),导致设置中的字体缩放功能对聊天界面无效。用户无法根据自己的需求调整聊天文字大小。

修复方案

chat.css 中所有硬编码的 font-size 替换为 CSS 变量(--font-size-xs, --font-size-sm, --font-size-md 等),使其能够响应设置中的字体缩放。

变更内容

  • 文件:src/style/chat.css
  • 修改:所有聊天相关元素的字体大小改用 CSS 变量
  • 效果:设置中的字体缩放现在对聊天界面生效

测试

  • ✅ 本地开发模式测试通过
  • ✅ 字体缩放功能在聊天界面正常生效

截图

(请开发者自行测试验证)

h91312 added 2 commits April 6, 2026 17:10
- 将 chat.css 中所有硬编码的 font-size (11px, 13px, 14px 等)
  替换为 CSS 变量 (--font-size-xs, --font-size-sm, --font-size-md 等)
- 使设置中的字体缩放功能对聊天界面生效
将所有硬编码的 font-size 替换为 CSS 变量(--font-size-xs/sm/md/lg/xl),
使设置中的字体缩放功能对聊天界面完全生效。

修改涉及 58 处字体大小定义。
@1186258278
Copy link
Copy Markdown
Contributor

@h91312 感谢贡献 🙏 这是个明显的 UX bug — 设置里的字体缩放对聊天界面一直不生效,这个 PR 正好把所有硬编码 font-size 替换为 CSS 变量,方向对 👍

我会拉下本地分支在 Tauri 桌面端和 Web 端分别跑一下字体缩放(小/中/大),确认 code / pre / 引用块等元素的层级依然合理后合并。

如果方便,麻烦确认一下当前分支与最新 main 的 src/style/chat.css 没有冲突(主仓近期有过聊天样式微调)。如有冲突麻烦 rebase 一下 🙏

@1186258278 1186258278 merged commit ef1e409 into qingchencloud:main Apr 19, 2026
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.

2 participants