mirror of
https://github.com/discourse/discourse-ai.git
synced 2025-08-24 05:27:07 +00:00
2a8be6e2d7
* REFACTOR: Migrate Personas' form to FormKit We re-arranged fields into sections so we can better differentiate which options are specific to the AI bot. * few form-kit improvements https://github.com/discourse/discourse/pull/31934 --------- Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
137 lines
2.1 KiB
SCSS
137 lines
2.1 KiB
SCSS
.admin-contents .ai-persona-list-editor {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.ai-persona-list-editor {
|
|
&__header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin: 0 0 1em 0;
|
|
|
|
h3 {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
&__current {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
li.disabled {
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
.ai-persona-tool-option-editor {
|
|
&__instructions {
|
|
color: var(--primary-medium);
|
|
font-size: var(--font-down-1);
|
|
line-height: var(--line-height-large);
|
|
}
|
|
}
|
|
|
|
.ai-personas__container {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
gap: 10px;
|
|
width: 100%;
|
|
}
|
|
|
|
.ai-persona-editor {
|
|
padding-left: 0.5em;
|
|
|
|
&__tool-options {
|
|
padding: 1em;
|
|
border: 1px solid var(--primary-low-mid);
|
|
width: 480px;
|
|
}
|
|
|
|
&__tool-options-name {
|
|
margin-bottom: 10px;
|
|
font-size: var(--font-down-1);
|
|
}
|
|
}
|
|
|
|
.rag-options {
|
|
&__indexing-options {
|
|
display: block;
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
}
|
|
|
|
.rag-uploader {
|
|
width: 500px;
|
|
|
|
&__search-input {
|
|
display: flex;
|
|
align-items: center;
|
|
border: 1px solid var(--primary-400);
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
height: 35px;
|
|
padding: 0 0.5rem;
|
|
|
|
&:focus,
|
|
&:focus-within {
|
|
@include default-focus;
|
|
}
|
|
|
|
&-container {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
&__search-icon {
|
|
background: none !important;
|
|
color: var(--primary-medium);
|
|
}
|
|
|
|
&__input {
|
|
width: 100% !important;
|
|
}
|
|
|
|
&__input,
|
|
&__input:focus {
|
|
margin: 0 !important;
|
|
border: 0 !important;
|
|
appearance: none !important;
|
|
outline: none !important;
|
|
background: none !important;
|
|
}
|
|
}
|
|
|
|
&__uploads-list {
|
|
margin-bottom: 20px;
|
|
|
|
tbody {
|
|
border-top: none;
|
|
}
|
|
}
|
|
|
|
&__upload-status {
|
|
text-align: right;
|
|
padding-right: 0;
|
|
|
|
.indexed {
|
|
color: var(--success);
|
|
}
|
|
|
|
.uploaded,
|
|
.indexing {
|
|
color: var(--primary-low-mid);
|
|
}
|
|
}
|
|
|
|
&__remove-file {
|
|
text-align: right;
|
|
padding-left: 0;
|
|
}
|
|
|
|
&__rag-file-icon {
|
|
margin-right: 5px;
|
|
}
|
|
}
|