LLM/DocsGPT
1
0
Fork 0
mirror of https://github.com/arc53/DocsGPT.git synced 2025-11-29 16:43:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

(feat:upload) smooth transitions on advanced fields

Browse Source
This commit is contained in:
ManishMadan2882
2025-02-12 20:10:21 +05:30
parent a7969f6ec8
commit 9424f6303a
1 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/upload/Upload.tsx
View File

@@ -54,16 +54,28 @@ function Upload({
const advancedFields = schema.filter((field) => field.advanced);
return (
<>
{generalFields.map((field: FormField) => renderField(field))}
<div className="flex flex-col gap-4">
<div className="flex flex-col gap-4">
{generalFields.map((field: FormField) => renderField(field))}
</div>
{advancedFields.length > 0 && showAdvancedOptions && (
<>
<hr className="my-4 border-[#C4C4C4]/40 border-[1px]" />
{advancedFields.map((field: FormField) => renderField(field))}
</>
{advancedFields.length > 0 && (
<div
className={`grid transition-all duration-300 ease-in-out ${
showAdvancedOptions
? 'grid-rows-[1fr] opacity-100'
: 'grid-rows-[0fr] opacity-0'
}`}
>
<div className="overflow-hidden flex flex-col gap-4">
<hr className="my-4 border-[#C4C4C4]/40 border-[1px]" />
<div className="flex flex-col gap-4">
{advancedFields.map((field: FormField) => renderField(field))}
</div>
</div>
</div>
)}
</>
</div>
);
};