mirror of
https://github.com/discourse/discourse-ai.git
synced 2025-08-03 19:53:28 +00:00
1fb358a9d0
This commit changes the RAG uploader form elements to be @format="full" instead of doing a hardcoded 500px width, which was causing a horizontal scrollbar in the tools form on mobile. Also, it moves the 80% max width for the tools form into the new viewport CSS API, and only applies it on desktop, because this was also causing width issues on mobile.
65 lines
1011 B
SCSS
65 lines
1011 B
SCSS
@use "lib/viewport";
|
|
|
|
.ai-tool-parameter {
|
|
padding: 1.5em;
|
|
border: 1px solid var(--primary-low-mid);
|
|
border-radius: var(--d-input-border-radius);
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
|
|
.form-kit__container-content {
|
|
flex-direction: column;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.ai-tool-parameter__enum-values {
|
|
margin-block: 1rem;
|
|
|
|
.form-kit__container-content {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
position: relative;
|
|
|
|
.form-kit__button.btn-icon-text {
|
|
justify-self: start;
|
|
grid-column: 1 / -1;
|
|
}
|
|
}
|
|
}
|
|
|
|
.ai-tool-editor {
|
|
@include viewport.from(lg) {
|
|
max-width: 80%;
|
|
}
|
|
position: relative;
|
|
|
|
#control-rag_uploads .rag-uploader {
|
|
h3,
|
|
p {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.ai-tool-test-modal {
|
|
&__test-result div {
|
|
ul {
|
|
padding-left: 1em;
|
|
}
|
|
}
|
|
}
|
|
|
|
.ai-tool-list-editor {
|
|
&__header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin: 0 0 1em 0;
|
|
|
|
h3 {
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|