banlv/cozsweet-frontend-nextjs
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(chat): increase mobile message font size

Browse Source
This commit is contained in:
chenhang
2026-07-04 11:26:10 +08:00
parent 82ac9e86a5
commit 3c3be86d24
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/chat/components/chat-screen.module.css
+3
View File
@@ -1,6 +1,9 @@
/* ChatScreen 编排层样式（仅 shell 容器 + 背景） */ /* ChatScreen 编排层样式（仅 shell 容器 + 背景） */
.shell { .shell {
--chat-message-font-size: clamp(16px, 3.333vw, 18px);
--chat-message-line-height: 1.5;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: var(--app-viewport-height, 100dvh); height: var(--app-viewport-height, 100dvh);
src/app/chat/components/text-bubble.module.css
+2 -2
View File
@@ -6,8 +6,8 @@
align-self: stretch; align-self: stretch;
padding: var(--spacing-3, 12px) var(--spacing-4, 16px); padding: var(--spacing-3, 12px) var(--spacing-4, 16px);
border-radius: var(--radius-xxl, 24px); border-radius: var(--radius-xxl, 24px);
font-size: var(--responsive-body, var(--font-size-body-lg, 16px)); font-size: var(--chat-message-font-size, var(--responsive-body, 16px));
line-height: 1.45; line-height: var(--chat-message-line-height, 1.5);
white-space: pre-wrap; white-space: pre-wrap;
word-break: break-word; word-break: break-word;
box-shadow: var(--shadow-input-box, 0 1px 2px rgba(0, 0, 0, 0.1)); box-shadow: var(--shadow-input-box, 0 1px 2px rgba(0, 0, 0, 0.1));