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

View File

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