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

Add tailwind plugin for prettier (#592)

Browse Source
This commit is contained in:
Salih Altun
2024-07-11 21:29:47 +03:00
committed by GitHub
parent 4e49d84f1e
commit 102d73b60e
39 changed files with 206 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
skyvern-frontend/src/routes/tasks/create/CreateNewTaskFromPrompt.tsx
View File

@@ -9,8 +9,8 @@ function CreateNewTaskFromPrompt() {
return (
<section className="space-y-8">
<header className="flex flex-col gap-4">
<div className="flex gap-4 items-center">
<MagicWandIcon className="w-6 h-6" />
<div className="flex items-center gap-4">
<MagicWandIcon className="h-6 w-6" />
<h1 className="text-3xl font-bold">Create New Task</h1>
</div>
<p>

6
skyvern-frontend/src/routes/tasks/create/SavedTaskCard.tsx
View File

@@ -75,8 +75,8 @@ function SavedTaskCard({ workflowId, title, url, description }: Props) {
return (
<Card>
<CardHeader>
<CardTitle className="flex justify-between items-center">
<span className="overflow-hidden text-ellipsis whitespace-nowrap ">
<CardTitle className="flex items-center justify-between">
<span className="overflow-hidden text-ellipsis whitespace-nowrap">
{title}
</span>
<Dialog open={open} onOpenChange={setOpen}>
@@ -130,7 +130,7 @@ function SavedTaskCard({ workflowId, title, url, description }: Props) {
</CardDescription>
</CardHeader>
<CardContent
className="h-48 overflow-scroll hover:bg-muted/40 cursor-pointer"
className="h-48 cursor-pointer overflow-scroll hover:bg-muted/40"
onClick={() => {
navigate(workflowId);
}}

8
skyvern-frontend/src/routes/tasks/create/SavedTasks.tsx
View File

@@ -108,14 +108,14 @@ function SavedTasks() {
>
<CardHeader>
<CardTitle>New Template</CardTitle>
<CardDescription className="whitespace-nowrap overflow-hidden text-ellipsis">
<CardDescription className="overflow-hidden text-ellipsis whitespace-nowrap">
Create your own template
</CardDescription>
</CardHeader>
<CardContent className="flex h-48 justify-center items-center hover:bg-muted/40 cursor-pointer">
{!mutation.isPending && <PlusIcon className="w-12 h-12" />}
<CardContent className="flex h-48 cursor-pointer items-center justify-center hover:bg-muted/40">
{!mutation.isPending && <PlusIcon className="h-12 w-12" />}
{mutation.isPending && (
<ReloadIcon className="animate-spin w-12 h-12" />
<ReloadIcon className="h-12 w-12 animate-spin" />
)}
</CardContent>
</Card>

28
skyvern-frontend/src/routes/tasks/create/TaskTemplates.tsx
View File

@@ -97,7 +97,7 @@ function TaskTemplates() {
href="https://meetings.hubspot.com/suchintan"
target="_blank"
rel="noopener noreferrer"
className="underline underline-offset-2 ml-auto"
className="ml-auto underline underline-offset-2"
>
Book a demo {"->"}
</a>
@@ -105,25 +105,25 @@ function TaskTemplates() {
</Alert>
<section className="py-4">
<header>
<h1 className="text-3xl mb-2">Try a prompt</h1>
<h1 className="mb-2 text-3xl">Try a prompt</h1>
</header>
<p className="text-sm">
We will generate a task for you automatically.
</p>
<Separator className="mt-2 mb-8" />
<div className="flex border rounded-xl items-center pr-4 max-w-xl mx-auto">
<Separator className="mb-8 mt-2" />
<div className="mx-auto flex max-w-xl items-center rounded-xl border pr-4">
<Textarea
className="rounded-xl resize-none border-transparent hover:border-transparent focus-visible:ring-0 p-2 font-mono text-sm"
className="resize-none rounded-xl border-transparent p-2 font-mono text-sm hover:border-transparent focus-visible:ring-0"
value={prompt}
onChange={(e) => setPrompt(e.target.value)}
placeholder="Enter your prompt..."
/>
<div className="h-full">
{getTaskFromPromptMutation.isPending ? (
<ReloadIcon className="w-6 h-6 animate-spin" />
<ReloadIcon className="h-6 w-6 animate-spin" />
) : (
<PaperPlaneIcon
className="w-6 h-6 cursor-pointer"
className="h-6 w-6 cursor-pointer"
onClick={() => {
getTaskFromPromptMutation.mutate(prompt);
}}
@@ -131,12 +131,12 @@ function TaskTemplates() {
)}
</div>
</div>
<div className="flex flex-wrap gap-4 mt-4 justify-center">
<div className="mt-4 flex flex-wrap justify-center gap-4">
{examplePrompts.map((examplePrompt) => {
return (
<div
key={examplePrompt}
className="p-2 border rounded-xl cursor-pointer text-muted-foreground text-sm"
className="cursor-pointer rounded-xl border p-2 text-sm text-muted-foreground"
onClick={() => {
setPrompt(examplePrompt);
}}
@@ -151,18 +151,18 @@ function TaskTemplates() {
<header>
<h1 className="text-3xl">Your Templates</h1>
</header>
<p className="text-sm mt-1">Your saved task templates</p>
<Separator className="mt-2 mb-8" />
<p className="mt-1 text-sm">Your saved task templates</p>
<Separator className="mb-8 mt-2" />
<SavedTasks />
</section>
<section className="py-4">
<header>
<h1 className="text-3xl">Skyvern Templates</h1>
</header>
<p className="text-sm mt-1">
<p className="mt-1 text-sm">
Sample tasks that showcase Skyvern's capabilities
</p>
<Separator className="mt-2 mb-8" />
<Separator className="mb-8 mt-2" />
<div className="grid grid-cols-4 gap-4">
{Object.entries(templateSamples).map(([sampleKey, sample]) => {
return (
@@ -174,7 +174,7 @@ function TaskTemplates() {
</CardDescription>
</CardHeader>
<CardContent
className="h-48 hover:bg-muted/40 cursor-pointer"
className="h-48 cursor-pointer hover:bg-muted/40"
onClick={() => {
navigate(sampleKey);
}}