kaffa/chat-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Align input field width with message bubbles

Browse Source 
- Set input-wrapper to 70% width to match message bubble max-width
- Remove unnecessary max-width constraints from containers

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
kappa
2026-01-19 10:42:41 +09:00
parent 5e78b96733
commit 4825cf4351
2 changed files with 1 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/components/MessageInput.css
View File

@@ -2,17 +2,14 @@
display: flex; display: flex;
gap: 12px; gap: 12px;
padding: 16px; padding: 16px;
max-width: 800px;
margin: 0 auto;
width: 100%;
box-sizing: border-box; box-sizing: border-box;
} }
.message-input .input-wrapper { .message-input .input-wrapper {
flex: 1;
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 70%;
} }
.message-input .char-count { .message-input .char-count {

4
frontend/src/components/MessageList.css
View File

@@ -5,10 +5,6 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 12px; gap: 12px;
max-width: 800px;
margin: 0 auto;
width: 100%;
box-sizing: border-box;
} }
.empty-state { .empty-state {