chore(repo-form): style adjustments
This commit is contained in:
parent
f67ca4eed2
commit
79d5f47b19
3 changed files with 4 additions and 6 deletions
|
|
@ -56,15 +56,15 @@ const CollapsibleTrigger = React.forwardRef<HTMLButtonElement, CollapsibleTrigge
|
||||||
ref={ref}
|
ref={ref}
|
||||||
type="button"
|
type="button"
|
||||||
className={cn(
|
className={cn(
|
||||||
"flex w-full items-center justify-between py-2 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
|
"flex gap-2 items-center justify-between py-2 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
|
||||||
className,
|
className,
|
||||||
)}
|
)}
|
||||||
data-state={open ? "open" : "closed"}
|
data-state={open ? "open" : "closed"}
|
||||||
onClick={() => setOpen(!open)}
|
onClick={() => setOpen(!open)}
|
||||||
{...props}
|
{...props}
|
||||||
>
|
>
|
||||||
{children}
|
|
||||||
<ChevronDown className="h-4 w-4 shrink-0 transition-transform duration-200" />
|
<ChevronDown className="h-4 w-4 shrink-0 transition-transform duration-200" />
|
||||||
|
{children}
|
||||||
</button>
|
</button>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -270,7 +270,7 @@ export const CreateRepositoryForm = ({
|
||||||
{watchedBackend === "rest" && <RestRepositoryForm form={form} />}
|
{watchedBackend === "rest" && <RestRepositoryForm form={form} />}
|
||||||
{watchedBackend === "sftp" && <SftpRepositoryForm form={form} />}
|
{watchedBackend === "sftp" && <SftpRepositoryForm form={form} />}
|
||||||
|
|
||||||
<AdvancedForm form={form} />
|
{watchedBackend && watchedBackend !== "local" && <AdvancedForm form={form} />}
|
||||||
|
|
||||||
{mode === "update" && (
|
{mode === "update" && (
|
||||||
<Button type="submit" className="w-full" loading={loading}>
|
<Button type="submit" className="w-full" loading={loading}>
|
||||||
|
|
|
||||||
|
|
@ -24,9 +24,7 @@ export const AdvancedForm = ({ form }: Props) => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Collapsible>
|
<Collapsible>
|
||||||
<CollapsibleTrigger className="w-full text-muted-foreground hover:no-underline">
|
<CollapsibleTrigger className="">Advanced Settings</CollapsibleTrigger>
|
||||||
Advanced Settings
|
|
||||||
</CollapsibleTrigger>
|
|
||||||
<CollapsibleContent className="pb-4 space-y-4">
|
<CollapsibleContent className="pb-4 space-y-4">
|
||||||
<FormField
|
<FormField
|
||||||
control={form.control}
|
control={form.control}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue