bvandeusen/FabledScribe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 50 Wiki Activity

Fix chat send/stop buttons squashing on mobile

Browse Source 
Add min-width to circular buttons in ChatView and ChatPanel to prevent
flex compression on narrow viewports.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Bryan Van Deusen
2026-02-12 18:30:30 -05:00
parent f77b029943
commit 3ec49b7f24
2 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/ChatPanel.vue
+1
View File
@@ -598,6 +598,7 @@ function excludeAutoNote(noteId: number) {
} }
.btn-send { .btn-send {
width: 30px; width: 30px;
min-width: 30px;
height: 30px; height: 30px;
padding: 0; padding: 0;
display: flex; display: flex;
frontend/src/views/ChatView.vue
+2
View File
@@ -865,6 +865,7 @@ function excludeAutoNote(noteId: number) {
} }
.btn-send { .btn-send {
width: 34px; width: 34px;
min-width: 34px;
height: 34px; height: 34px;
padding: 0; padding: 0;
display: flex; display: flex;
@@ -884,6 +885,7 @@ function excludeAutoNote(noteId: number) {
} }
.btn-stop { .btn-stop {
width: 34px; width: 34px;
min-width: 34px;
height: 34px; height: 34px;
padding: 0; padding: 0;
display: flex; display: flex;