Designing automation sheet

atharva20-coder · atharva20-coder · commit a9750a07595b · 2025-02-19T21:54:03.000+05:30
diff --git a/src/app/(landingpage)/page.tsx b/src/app/(landingpage)/page.tsx
@@ -207,7 +207,7 @@ export default function LandingPage() {
             </div>
             <div ref={useScrollReveal()} className="opacity-0 translate-y-4 transition-all duration-700">
               <h2 className={`${bebasNeue.className} text-5xl sm:text-6xl font-normal mb-8 text-black tracking-tight leading-tight`}>
-                Smart AI: A Smarter Way to Chat
+                Auctorn AI: A Smarter Way to Chat
               </h2>
               <p className="text-lg text-muted-foreground mb-8">Level up the experiences your followers already love with the new Auctorn AI. Create more engaging and personalized conversations.</p>
               <Link href="/dashboard" className="bg-[#4F46E5] text-white px-8 py-4 rounded-full font-medium text-lg hover:bg-[#4338CA] transition-colors shadow-sm hover:shadow-md inline-block">
diff --git a/src/app/(protected)/dashboard/[slug]/automations/page.tsx b/src/app/(protected)/dashboard/[slug]/automations/page.tsx
@@ -7,7 +7,7 @@ type Props = {}
 
 const Page = (props: Props) => {
   return (
-    <div className="flex flex-col gap-y-8 w-full">
+    <div className="flex flex-col gap-y-8 w-full px-8">
       <div className="flex items-center justify-between w-full">
         <div className="flex flex-col gap-y-2">
           <Search slug="" />
diff --git a/src/app/(protected)/dashboard/[slug]/page.tsx b/src/app/(protected)/dashboard/[slug]/page.tsx
@@ -9,7 +9,7 @@ type Props = {};
 
 const Page = (props: Props) => {
   return (
-    <div className="flex flex-col gap-y-10">
+    <div className="flex flex-col gap-y-10 px-8">
       <div className="flex justify-between items-center">
         <h1 className="text-3xl font-semibold text-black">Start Here</h1>
         <a href="#" className="text-blue-500 hover:underline">Explore all Templates</a>
diff --git a/src/components/global/activate-automation-button/index.tsx b/src/components/global/activate-automation-button/index.tsx
@@ -36,7 +36,7 @@ const ActivateAutomationButton = ({ id }: Props) => {
         disabled={isPending}
         checked={optimisticState}
         onCheckedChange={handleStateChange}
-        className="data-[state=checked]:hover:bg-green-600 data-[state=checked]:bg-green-500 data-[state=unchecked]:hover:bg-slate-500 data-[state=unchecked]:bg-slate-400 h-6 w-11 mx-4 [&>span]:data-[state=checked]:translate-x-6 [&>span]:bg-white transition-colors duration-200"
+        className="data-[state=checked]:hover:bg-green-600 data-[state=checked]:bg-green-500 data-[state=unchecked]:bg-slate-400 h-6 w-11 mx-4 [&>span]:data-[state=checked]:translate-x-6 [&>span]:bg-white transition-colors duration-200"
       />
       <span className="text-sm font-medium">
         {isPending ? (
