apunkt/rowboat
1
0
Fork 0
mirror of https://github.com/rowboatlabs/rowboat.git synced 2026-05-25 18:55:19 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Increase size of instructions box

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

8
apps/rowboat/app/lib/components/input-field.tsx
View file

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

3
apps/rowboat/app/projects/[projectId]/entities/agent_config.tsx
View file

@ -363,11 +363,12 @@ export function AgentConfig({
}); });
showSavedMessage(); showSavedMessage();
}} }}
placeholder="Type agent instructions..."
markdown markdown
multiline multiline
mentions mentions
mentionsAtValues={atMentions} 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> </div>
{/* Examples Section */} {/* Examples Section */}

6
apps/rowboat/app/styles/quill-mentions.css
View file

@ -70,6 +70,12 @@
.ql-editor { .ql-editor {
font-size: 1rem !important; /* Increase base font size */ font-size: 1rem !important; /* Increase base font size */
line-height: 1.6 !important; /* Adjust line height for better readability */ 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 */ /* Keep the rendered markdown view at its original size */