XEngineers/CamTalk
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复聊天输入框 flex 布局导致重复渲染

Browse Source 
- chat-input__field 增加 min-width: 0 防止 flex 项溢出
- chat-input__send 增加 flex-shrink: 0 防止按钮被挤压换行
This commit is contained in:
cfy666
2026-06-20 14:24:52 +08:00
parent f8a79a3b0b
commit ae09fba400
1 changed files with 2 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/App.css
View File

@@ -969,6 +969,7 @@ body {
.chat-input__field { .chat-input__field {
flex: 1; flex: 1;
min-width: 0;
padding: 10px 14px; padding: 10px 14px;
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
@@ -996,6 +997,7 @@ body {
font-size: 0.9rem; font-size: 0.9rem;
cursor: pointer; cursor: pointer;
transition: opacity var(--transition-fast); transition: opacity var(--transition-fast);
flex-shrink: 0;
} }
.chat-input__send:hover:not(:disabled) { .chat-input__send:hover:not(:disabled) {