diff --git a/src/frontend/src/modals/importModal/buttonBox/index.tsx b/src/frontend/src/modals/importModal/buttonBox/index.tsx index b0757cdae..2386bfeb4 100644 --- a/src/frontend/src/modals/importModal/buttonBox/index.tsx +++ b/src/frontend/src/modals/importModal/buttonBox/index.tsx @@ -29,47 +29,47 @@ export default function ButtonBox({ let padding: string; let marginTop: string; let height: string; - let widht: string; + let width: string; switch (size) { case "small": bigCircle = "h-12 w-12"; smallCircle = "h-8 w-8"; titleFontSize = "text-sm"; descriptionFontSize = "text-xs"; - padding = "p-2"; + padding = "p-2 py-3"; marginTop = "mt-2"; height = "h-36"; - widht = "w-32"; + width = "w-32"; break; case "medium": bigCircle = "h-16 w-16"; smallCircle = "h-12 w-12"; titleFontSize = "text-base"; descriptionFontSize = "text-sm"; - padding = "p-4"; + padding = "p-4 py-5"; marginTop = "mt-3"; height = "h-44"; - widht = "w-36"; + width = "w-36"; break; case "big": bigCircle = "h-20 w-20"; smallCircle = "h-16 w-16"; titleFontSize = "text-lg"; descriptionFontSize = "text-sm"; - padding = "p-8"; + padding = "p-8 py-10"; marginTop = "mt-6"; height = "h-56"; - widht = "w-44"; + width = "w-44"; break; default: bigCircle = "h-20 w-20"; smallCircle = "h-16 w-16"; titleFontSize = "text-lg"; descriptionFontSize = "text-sm"; - padding = "p-8"; + padding = "p-8 py-10"; marginTop = "mt-6"; height = "h-56"; - widht = "w-44"; + width = "w-44"; break; } return ( @@ -77,22 +77,23 @@ export default function ButtonBox({
-
{icon}
+

{title}

-
-
{title}
- {/*
- {deactivate ? "Coming soon" : description} -
*/}
-
diff --git a/src/frontend/src/modals/importModal/index.tsx b/src/frontend/src/modals/importModal/index.tsx index d351b847a..1405a3c68 100644 --- a/src/frontend/src/modals/importModal/index.tsx +++ b/src/frontend/src/modals/importModal/index.tsx @@ -82,7 +82,7 @@ export default function ImportModal() { leaveFrom="opacity-100 translate-y-0 sm:scale-100" leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" > - +
-
- - - - - LangFlow Examples - -
)}
@@ -152,7 +130,7 @@ export default function ImportModal() {
+