Increase size of instructions box

This commit is contained in:
akhisud3195 2025-08-15 12:50:44 +08:00
parent 8f3f264493
commit 2ba639a74c
3 changed files with 13 additions and 4 deletions

View file

@ -248,7 +248,7 @@ function TextInputField({
{/* Input field */}
{mentions ? (
<div className="w-full">
<div className="w-full min-h-[300px]">
<MentionsEditor
atValues={mentionsAtValues}
value={value}
@ -264,7 +264,7 @@ function TextInputField({
placeholder={placeholder}
variant="bordered"
size={getInputSize()}
minRows={3}
minRows={12}
maxRows={20}
isInvalid={!isValid}
errorMessage={validationResult?.errorMessage}
@ -321,11 +321,13 @@ function TextInputField({
{/* Content display */}
<div
className={clsx(
"group relative rounded-lg border border-gray-200 dark:border-gray-700 p-3 min-h-[40px] transition-all duration-200",
"group relative rounded-lg border border-gray-200 dark:border-gray-700 p-3 transition-all duration-200",
{
"cursor-pointer hover:border-gray-300 dark:hover:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-800": !locked && !disabled,
"cursor-not-allowed opacity-60": locked || disabled,
"border-0 bg-transparent p-0": inline,
"min-h-[300px]": multiline,
"min-h-[40px]": !multiline,
}
)}
onClick={() => !locked && !disabled && setIsEditing(true)}

View file

@ -363,11 +363,12 @@ export function AgentConfig({
});
showSavedMessage();
}}
placeholder="Type agent instructions..."
markdown
multiline
mentions
mentionsAtValues={atMentions}
className="h-full min-h-0 overflow-auto !mb-0 !mt-0"
className="h-full min-h-0 overflow-auto !mb-0 !mt-0 min-h-[300px]"
/>
</div>
{/* Examples Section */}

View file

@ -70,6 +70,12 @@
.ql-editor {
font-size: 1rem !important; /* Increase base font size */
line-height: 1.6 !important; /* Adjust line height for better readability */
min-height: 300px !important; /* Set minimum height for better editing experience */
}
/* Quill editor container height */
.ql-container {
min-height: 300px !important; /* Ensure the container also has minimum height */
}
/* Keep the rendered markdown view at its original size */