WIP

app/(prowler)/providers/(set-up-provider)/layout.tsx

@@ -20,10 +20,10 @@ export default function ProviderLayout({ children }: ProviderLayoutProps) {
       />
       <Spacer y={16} />
       <div className="grid grid-cols-1 gap-8 lg:grid-cols-12">
-        <div className="order-1 my-auto hidden h-full lg:col-span-4 lg:block">
+        <div className="order-1 my-auto hidden h-full lg:col-span-4 lg:col-start-2 lg:block">
           <Workflow />
         </div>
-        <div className="order-2 lg:col-span-8">{children}</div>
+        <div className="order-2 lg:col-span-5 lg:col-start-6">{children}</div>
       </div>
     </>
   );

components/providers/workflow/forms/connect-account-form.tsx

@@ -97,7 +97,7 @@ export const ConnectAccountForm = () => {
           control={form.control}
           name="providerAlias"
           type="text"
-          label="Alias"
+          label="Alias (optional)"
           labelPlacement="inside"
           placeholder={"Enter the provider alias"}
           variant="bordered"

tailwind.config.js

@@ -83,7 +83,7 @@ module.exports = {
           },
         },
         danger: "#E11D48",
-        action: "#6af400",
+        action: "#9FD655",
       },
       fontFamily: {
         sans: ["var(--font-sans)"],
@@ -177,13 +177,21 @@ module.exports = {
         dark: {
           colors: {
             primary: {
-              DEFAULT: "#6af400",
+              DEFAULT: "#9FD655",
               foreground: "#000000",
             },
-            focus: "#6af400",
+            focus: "#9FD655",
             background: "#030921",
           },
         },
+        light: {
+          colors: {
+            primary: {
+              DEFAULT: "#9FD655",
+              foreground: "#000000",
+            },
+          },
+        },
       },
     }),
   ],