Fixed Mobile View UI of Create Page

priyanshuverma-dev · Oct 4, 2023 · dab8955 · dab8955
1 parent ffa8348
commit dab8955
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/app/create-one/page.tsx b/app/create-one/page.tsx
@@ -7,20 +7,20 @@ const CreatePage = () => {
   return (
     <div>
       <div className="flex items-center justify-center">
-        <div className="flex flex-row space-x-1">
-          <div className="flex flex-col p-2">
+        <div className="flex flex-col sm:flex-row space-x-1">
+          <div className="flex flex-col items-center p-2">
             <span className="p-2">Create AI Service</span>
             <Button variant={"outline"}>
               <Link href={"/create-one/ai-service"}>Register Service</Link>
             </Button>
           </div>
-          <div className="flex flex-col p-2">
+          <div className="flex flex-col items-center p-2">
             <span className="p-2">Create A Trends Page (Beta)</span>
             <Button variant={"outline"}>
               <Link href={"/create-one/trends"}>Create Trends</Link>
             </Button>
           </div>
-          <div className="flex flex-col p-2">
+          <div className="flex flex-col items-center p-2">
             <span className="p-2">Create Prompt</span>
             <Button variant={"secondary"}>
               <Link href={"/create-one/prompt"}>Create Prompt</Link>