diff --git a/apps/kimi-web/src/components/ChatPane.vue b/apps/kimi-web/src/components/ChatPane.vue index c3dcd5dca..c0e19bbf9 100644 --- a/apps/kimi-web/src/components/ChatPane.vue +++ b/apps/kimi-web/src/components/ChatPane.vue @@ -404,4 +404,24 @@ function turnBlocks(turn: ChatTurn): TurnBlock[] { .sending-line .tx { padding-top: 2px; } + +/* Mobile font bump (+2px) */ +@media (max-width: 640px) { + .u-bub .msg, + .a-msg .msg { + font-size: 16px; + } + .userline .pr, + .ai .pr, + .who { + font-size: 14.5px; + } + .ts { + font-size: 13px; + } + .chat-empty-text, + .chat-loading-text { + font-size: 15px; + } +} diff --git a/apps/kimi-web/src/components/Composer.vue b/apps/kimi-web/src/components/Composer.vue index 25a602f50..080bf5b44 100644 --- a/apps/kimi-web/src/components/Composer.vue +++ b/apps/kimi-web/src/components/Composer.vue @@ -1514,6 +1514,27 @@ function selectModel(modelId: string): void { min-width: 200px; max-width: calc(100vw - 40px); } + + /* Bump mobile font sizes +2px and pin input at 16px to prevent iOS zoom. */ + .ph { + font-size: 16px; + } + .model-pill, + .attach-btn { + font-size: 12.5px; + } + .md-row { + font-size: 13.5px; + } + .md-section { + font-size: 12px; + } + .pd-name { + font-size: 14px; + } + .pd-desc { + font-size: 12.5px; + } } /* NOTE: Modern-theme composer overrides live in src/style.css (global), NOT here. diff --git a/apps/kimi-web/src/components/ConversationPane.vue b/apps/kimi-web/src/components/ConversationPane.vue index 1cd00aeff..2f373eb88 100644 --- a/apps/kimi-web/src/components/ConversationPane.vue +++ b/apps/kimi-web/src/components/ConversationPane.vue @@ -870,7 +870,7 @@ onUnmounted(() => { border-bottom: 1px solid var(--line); color: var(--dim); font-family: var(--mono); - font-size: 13px; + font-size: 15px; cursor: pointer; text-align: left; } diff --git a/apps/kimi-web/src/components/TabBar.vue b/apps/kimi-web/src/components/TabBar.vue index 81ceb7155..e76850ca7 100644 --- a/apps/kimi-web/src/components/TabBar.vue +++ b/apps/kimi-web/src/components/TabBar.vue @@ -144,7 +144,7 @@ const tabs: { key: PaneKey; labelKey: string }[] = [ gap: 5px; padding: 0; font-family: var(--mono); - font-size: 12.5px; + font-size: 14.5px; color: var(--muted); border-right: none; border-bottom: none; @@ -157,8 +157,8 @@ const tabs: { key: PaneKey; labelKey: string }[] = [ } /* Tasks → solid blue count pill (prototype .bdg). */ .tabs.mobile .cnt { - min-width: 16px; - height: 16px; + min-width: 18px; + height: 18px; padding: 0 4px; display: flex; align-items: center; @@ -166,7 +166,7 @@ const tabs: { key: PaneKey; labelKey: string }[] = [ background: var(--blue); color: #fff; border-radius: 9px; - font-size: 10px; + font-size: 12px; font-weight: 600; } /* Diff → small warn dot (prototype .dt). */