layout changes

tomyRomero · Jan 13, 2024 · f0b09b2 · f0b09b2
1 parent 1c0e490
commit f0b09b2
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -55,6 +55,9 @@ We have a one-to-many relationship, as one user can have multiple chats, but eac
 
 User interface and different functionalities of Sparks.
 
+### Login
+<img src="public/assets/sparks-login.png" alt="Screenshot of login">
+
 ### Profile Set Up
 <img src="public/assets/sparks-onboard.png" alt="Screenshot of Home" >
 

diff --git a/app/(auth)/sign-in/[[...sign-in]]/page.tsx b/app/(auth)/sign-in/[[...sign-in]]/page.tsx
@@ -13,11 +13,11 @@ export default function Page() {
       <div className="flex flex-col justify-center items-center w-full h-full max-lg:bg-[url('/assets/hero.jpg')] bg-cover bg-no-repeat bg-center ">
         <div className="max-w-2xl w-full h-full p-8">
           <div className="flex flex-col items-center gap-4">
-            <h3 className="text-heading1-bold text-white max-lg:text-primary-500">Welcome To Sparks!</h3>
+            <h3 className="text-heading1-bold text-center text-white max-lg:text-primary-500">Welcome To Sparks!</h3>
             <Image src="/assets/logo.svg" alt="logo" width={30} height={30} className="bg-white rounded-full" />
             <p className="hidden max-lg:block bg-white p-4 text-subtle-semibold text-center mx-auto w-3/4 rounded-lg">Sparks is your AI Social Media hub, where creativity meets connection. Share AI-generated ideas, engage in lively chats, and enjoy a seamless experience with likes, comments, and shares all in one place. Beyond that, post regularly, upload images, and explore user profiles. Discover, connect, and express yourself effortlessly. Sign up now for a richer, more dynamic social experience!</p>
             <p className="text-white text-center max-lg:hidden">Login Here</p>
-            <div className="ml-4">
+            <div className="max-xs:m-0 ml-4">
             <SignIn />
             </div>
           </div>

diff --git a/app/(auth)/sign-up/[[...sign-up]]/page.tsx b/app/(auth)/sign-up/[[...sign-up]]/page.tsx
@@ -13,11 +13,11 @@ export default function Page() {
       <div className="flex flex-col justify-center items-center w-full h-full">
         <div className="max-w-2xl w-full p-8 max-lg:bg-[url('/assets/hero.jpg')] bg-cover bg-no-repeat bg-center">
           <div className="flex flex-col items-center gap-4">
-            <h3 className="text-heading1-bold text-white max-md:text-primary-500">Welcome To Sparks!</h3>
+            <h3 className="text-heading1-bold text-white max-md:text-primary-500 text-center">Welcome To Sparks!</h3>
             <Image src="/assets/logo.svg" alt="logo" width={30} height={30} className="bg-white rounded-full" />
             <p className="hidden max-md:block bg-white p-4 text-subtle-semibold text-center mx-auto w-3/4 rounded-lg">Sparks is your AI Social Media hub, where creativity meets connection. Share AI-generated ideas, engage in lively chats, and enjoy a seamless experience with likes, comments, and shares all in one place. Beyond that, post regularly, upload images, and explore user profiles. Discover, connect, and express yourself effortlessly. Sign up now for a richer, more dynamic social experience!</p>
             <p className="text-white text-center max-md:hidden">Please Sign Up Here</p>
-            <div className="ml-4">
+            <div className="max-xs:m-0 ml-4">
             <SignUp />
             </div>
           </div>

diff --git a/public/assets/sparks-login.png b/public/assets/sparks-login.png