vrr/kimi-code
2
0
Fork 0
mirror of https://github.com/MoonshotAI/kimi-code.git synced 2026-08-27 01:24:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

fix(web): bump mobile font sizes by 2px and pin input at 16px to prevent iOS zoom

Browse source
This commit is contained in:
qer 2026-06-10 14:23:19 +08:00 • committed by haozhe.yang
parent 84ad02a486
commit 64246cf613
4 changed files with 46 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

20
apps/kimi-web/src/components/ChatPane.vue
View file

@ -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;
}
}
</style>

21
apps/kimi-web/src/components/Composer.vue
View file

@ -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.

2
apps/kimi-web/src/components/ConversationPane.vue
View file

@ -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;
}

8
apps/kimi-web/src/components/TabBar.vue
View file

@ -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). */