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:
parent
797d727a20
commit
10748015fd
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue