discourse
/
discourse-ai
mirror of https://github.com/discourse/discourse-ai.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: minor alignment adjustments for experiemental bot UI (#1285) 

* UX: minor alignment adjustments for experiemental bot UI

* account for powered by discourse badge

* breakpoint lint
This commit is contained in:
Kris 2025-04-24 17:27:31 -04:00 committed by GitHub
parent 797d727a20
commit 10748015fd
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
assets/stylesheets/modules/ai-bot-conversations/common.scss
View File

@ -7,12 +7,12 @@
body.has-ai-conversations-sidebar {
.ai-new-question-button {
margin: 1em 2em 1em 1em;
margin: 1.8em 1rem 0;
}
.sidebar-wrapper {
.ai-conversations-panel {
padding-top: 0;
padding-top: 1em;
}
// ai related sidebar content
@ -151,7 +151,9 @@ body.has-ai-conversations-sidebar {
}
.ai-bot-conversations {
height: calc(100dvh - var(--header-offset) - 1.25em);
display: flex;
flex-direction: column;
height: calc(100dvh - var(--header-offset) - 5em);
.persona-llm-selector {
display: flex;
@ -195,15 +197,18 @@ body.has-ai-conversations-sidebar {
box-sizing: border-box;
align-items: center;
justify-content: center;
height: calc(90% - 1.25em - var(--header-offset));
@include viewport.until(sm) {
height: calc(75% - 1.25em - var(--header-offset) - 2em);
}
flex: 1 1 auto;
.loading-container {
display: contents;
}
// optical centering for layout balance
@media screen and (min-height: 600px) {
h1 {
margin-top: -6em;
}
}
}
&__input-wrapper {