JOJO/agent-Specialization
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: restore floating input layout

Browse Source
This commit is contained in:
JOJO 2025-11-25 21:20:23 +08:00
parent c6bf3a3986
commit 35dc89abed
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
static/src/styles/components/chat/_chat-area.scss
View File

@ -5,7 +5,8 @@
flex-direction: column; flex-direction: column;
background: rgba(255, 255, 255, 0.78); background: rgba(255, 255, 255, 0.78);
min-width: 0; min-width: 0;
min-height: 0; min-height: calc(var(--app-viewport, 100vh) - 40px);
padding-bottom: 180px;
position: relative; position: relative;
backdrop-filter: blur(6px); backdrop-filter: blur(6px);
} }
@ -15,11 +16,18 @@
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
padding: 24px; padding: 24px;
padding-bottom: calc(220px + var(--app-bottom-inset, 0px)); padding-bottom: calc(120px + var(--app-bottom-inset, 0px));
min-height: 0; min-height: 0;
position: relative; position: relative;
} }
.chat-container .input-area {
position: absolute;
left: 0;
right: 0;
bottom: 32px;
}
.messages-area::-webkit-scrollbar, .messages-area::-webkit-scrollbar,
.sidebar::-webkit-scrollbar, .sidebar::-webkit-scrollbar,
.conversation-list::-webkit-scrollbar { .conversation-list::-webkit-scrollbar {