enhance: improve agent banner

obot-platform · Dec 6, 2024 · 46005ca · 46005ca
1 parent d5109bf
commit 46005ca
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/ui/admin/app/components/agent/FirstModelProviderBanner.tsx b/ui/admin/app/components/agent/FirstModelProviderBanner.tsx
@@ -8,16 +8,16 @@ import { Button } from "~/components/ui/button";
 export function FirstModelProviderBanner() {
     return (
         <div className="w-full">
-            <div className="flex justify-center w-full">
-                <div className="flex flex-row p-4 min-h-36 justify-end items-center w-[calc(100%-4rem)] rounded-sm mx-8 mt-4 bg-secondary relative overflow-hidden gap-4 max-w-screen-md">
+            <div className="flex justify-center mx-8 mt-4 py-4 bg-secondary overflow-hidden rounded-xl">
+                <div className="flex flex-row min-h-36 items-center justify-between w-[calc(100%-4rem)] rounded-sm relative gap-4 max-w-screen-md">
                     <OttoLogo
                         hideText
                         classNames={{
                             root: "absolute opacity-45 top-[-5rem] left-[-7.5rem]",
                             image: "h-80 w-80",
                         }}
                     />
-                    <div className="flex flex-col pl-48">
+                    <div className="flex flex-col ml-64">
                         <TypographyH3 className="mb-0.5">
                             Ready to create your first Agent?
                         </TypographyH3>