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