vodorod/Dorod-Sky
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Let prompt box resize automatically (#1478)

Browse Source
This commit is contained in:
Shuchang Zheng
2025-01-03 12:42:03 -08:00
committed by GitHub
parent fdb52e16df
commit ce3aa4f387
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
skyvern-frontend/src/routes/tasks/create/PromptBox.tsx
View File

@@ -1,6 +1,7 @@
import { getClient } from "@/api/AxiosClient"; import { getClient } from "@/api/AxiosClient";
import { ObserverCruise, TaskGenerationApiResponse } from "@/api/types"; import { ObserverCruise, TaskGenerationApiResponse } from "@/api/types";
import img from "@/assets/promptBoxBg.png"; import img from "@/assets/promptBoxBg.png";
import { AutoResizingTextarea } from "@/components/AutoResizingTextarea/AutoResizingTextarea";
import { CartIcon } from "@/components/icons/CartIcon"; import { CartIcon } from "@/components/icons/CartIcon";
import { GraphIcon } from "@/components/icons/GraphIcon"; import { GraphIcon } from "@/components/icons/GraphIcon";
import { InboxIcon } from "@/components/icons/InboxIcon"; import { InboxIcon } from "@/components/icons/InboxIcon";
@@ -16,7 +17,6 @@ import {
SelectTrigger, SelectTrigger,
SelectValue, SelectValue,
} from "@/components/ui/select"; } from "@/components/ui/select";
import { Textarea } from "@/components/ui/textarea";
import { toast } from "@/components/ui/use-toast"; import { toast } from "@/components/ui/use-toast";
import { useCredentialGetter } from "@/hooks/useCredentialGetter"; import { useCredentialGetter } from "@/hooks/useCredentialGetter";
import { import {
@@ -225,12 +225,11 @@ function PromptBox() {
What task would you like to accomplish? What task would you like to accomplish?
</span> </span>
<div className="flex w-full max-w-xl items-center rounded-xl bg-slate-700 py-2 pr-4 lg:w-3/4"> <div className="flex w-full max-w-xl items-center rounded-xl bg-slate-700 py-2 pr-4 lg:w-3/4">
<Textarea <AutoResizingTextarea
className="min-h-0 resize-none rounded-xl border-transparent px-4 hover:border-transparent focus-visible:ring-0" className="min-h-0 resize-none rounded-xl border-transparent px-4 hover:border-transparent focus-visible:ring-0"
value={prompt} value={prompt}
onChange={(e) => setPrompt(e.target.value)} onChange={(e) => setPrompt(e.target.value)}
placeholder="Enter your prompt..." placeholder="Enter your prompt..."
rows={1}
/> />
<Select value={selectValue} onValueChange={setSelectValue}> <Select value={selectValue} onValueChange={setSelectValue}>
<SelectTrigger className="w-48 focus:ring-0"> <SelectTrigger className="w-48 focus:ring-0">