From ae494b3e48fedecf04ee6d5fada9619320efbdb2 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Thu, 7 Nov 2024 19:52:53 +0100
Subject: [PATCH] auth fonts adjusted

---
 src/components/AuthPages/AuthLayout2.jsx      |  2 +-
 .../AuthPages/Login/LoginLanding.jsx          | 21 ++++++++++---------
 src/components/AuthPages/Login/index2.jsx     |  1 +
 src/components/AuthPages/SignUp/index2.jsx    |  4 ++--
 src/components/MyWallet/FamilyWalletBox.jsx   |  2 +-
 5 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/components/AuthPages/AuthLayout2.jsx b/src/components/AuthPages/AuthLayout2.jsx
index 5667ad7..ff533ea 100644
--- a/src/components/AuthPages/AuthLayout2.jsx
+++ b/src/components/AuthPages/AuthLayout2.jsx
@@ -35,7 +35,7 @@ export default function LoginLayout({ slogan, children }) {
         >
         </div> */}
         <div className="p-5 sm:p-7 flex place-content-center">
-          <div className="pt-8 pb-5 w-full sm:w-11/12 max-w-[550px] shadow-md bg-slate-50 dark:bg-dark-white rounded-[0.475rem]">
+          <div className="pt-5 pb-5 w-full sm:w-11/12 max-w-[550px] shadow-md bg-slate-50 dark:bg-dark-white rounded-[0.475rem]">
             <div className="w-full flex justify-center items-center">
               {children && children}
             </div>
diff --git a/src/components/AuthPages/Login/LoginLanding.jsx b/src/components/AuthPages/Login/LoginLanding.jsx
index fae7488..a43a30b 100644
--- a/src/components/AuthPages/Login/LoginLanding.jsx
+++ b/src/components/AuthPages/Login/LoginLanding.jsx
@@ -42,11 +42,11 @@ export default function LoginLanding() {
           {/* <div className="content-wrapper login shadow-md w-10/12 mx-auto flex justify-center items-center xl:bg-white dark:bg-dark-white 2xl:w-[828px]  rounded-[0.475rem] sm:p-7 p-5"> */}
           <div className="flex place-content-center">
             <div className="w-10/12">
-              <div className='grid grid-cols-1 sm:grid-cols-3 gap-3'>
+              <div className='grid grid-cols-1 sm:grid-cols-5 gap-3'>
                 {/* APP DOWNLOAD STORE */}
-                <div className="col-span-1 order-2 sm:col-span-1 sm:order-1 w-full">
-                  <div className="sm:border-r-2 border-slate-400 w-full h-full flex sm:flex-col justify-center gap-4">
-                    <div className="w-28 lg:w-32">
+                <div className="col-span-1 order-2 sm:col-span-2 sm:order-1 w-full">
+                  <div className="relative w-full h-full flex sm:flex-col justify-center gap-4">
+                    <div className="w-28 sm:w-36">
                       <a
                         target="_blank"
                         rel="noreferrer"
@@ -55,7 +55,7 @@ export default function LoginLanding() {
                         <img src={IOSDownload} className='w-full h-auto' alt='IOS Download' />
                       </a>
                     </div>
-                    <div className="w-28 lg:w-32">
+                    <div className="w-28 sm:w-36">
                       <a
                         target="_blank"
                         rel="noreferrer"
@@ -64,11 +64,12 @@ export default function LoginLanding() {
                         <img src={GoogleDownload} className='w-full h-auto' alt='IOS Download' />
                       </a>
                     </div>
+                    <div className='hidden sm:block absolute top-0 bottom-0 right-0 w-1 rounded-full bg-[linear-gradient(180deg,_#94a3b8,_#0f172a,_#94a3b8)]'></div>
                   </div>
                 </div>
-                <div className="col-span-1 order-1 sm:col-span-2 sm:order-2 title-area flex flex-col gap-5 justify-center items-center relative text-center mb-5">
-                  <h1 className="text-[#181c32] font-medium dark:text-white leading-6 text-2xl tracking-wide">
-                    <span className='font-semibold'>Log in</span> as a:
+                <div className="col-span-1 order-1 sm:col-span-3 sm:order-2 title-area flex flex-col gap-5 justify-center items-center relative text-center mb-5">
+                  <h1 className="text-gray-400 font-medium text-[16.25px] leading-[24.375px]">
+                    <span className='font-semibold text-[#4687ba] hover:text-[#009ef7] transition'>Log in</span> as a:
                   </h1>
 
                   <div className='w-full flex flex-col gap-4'>
@@ -91,11 +92,11 @@ export default function LoginLanding() {
                     </button>
                   </div>
 
-                  <div className="text-gray-400 font-medium text-xl leading-[24.375px]">
+                  <div className="text-gray-400 font-medium text-[16.25px] leading-[24.375px]">
                     Don't have an account?{" "}
                     <Link
                       to="/signup"
-                      className="font-semibold text-emerald-800 hover:text-emerald-600 transition"
+                      className="font-semibold text-[#4687ba] hover:text-[#009ef7] transition"
                     >
                       Sign Up
                     </Link>
diff --git a/src/components/AuthPages/Login/index2.jsx b/src/components/AuthPages/Login/index2.jsx
index 5d382af..d3a7937 100644
--- a/src/components/AuthPages/Login/index2.jsx
+++ b/src/components/AuthPages/Login/index2.jsx
@@ -327,6 +327,7 @@ export default function Login() {
               {/* END  of switch login component */}
 
               {/* for login component */}
+              <h1 className='pb-2 text-center font-medium text-2xl leading-[24.375px]'>{loginType == 'full' ? 'Login' : 'Kids and Teens'}</h1>
               {
                 loginType == "full" ? (
                   //user login component
diff --git a/src/components/AuthPages/SignUp/index2.jsx b/src/components/AuthPages/SignUp/index2.jsx
index d402bb7..67717d9 100644
--- a/src/components/AuthPages/SignUp/index2.jsx
+++ b/src/components/AuthPages/SignUp/index2.jsx
@@ -271,12 +271,12 @@ export default function SignUp() {
                     </button>
                     <span
                       onClick={rememberMe}
-                      className="cursor-default text-dark-gray dark:text-white text-[15px] group-checked:text-white transition-all duration-200 group-checked:cursor-default"
+                      className="cursor-default text-gray-400 font-medium text-[16.25px] leading-[24.375px] group-checked:text-white transition-all duration-200 group-checked:cursor-default"
                     >
                       I agree with all
                       <Link
                         href="#"
-                        className="text-base text-[#4687ba] hover:text-[#009ef7] mx-1 inline-block"
+                        className="font-semibold text-[#4687ba] hover:text-[#009ef7] transition mx-1 inline-block"
                       >
                         terms and condition
                       </Link>
diff --git a/src/components/MyWallet/FamilyWalletBox.jsx b/src/components/MyWallet/FamilyWalletBox.jsx
index 6b8e126..6afb26f 100644
--- a/src/components/MyWallet/FamilyWalletBox.jsx
+++ b/src/components/MyWallet/FamilyWalletBox.jsx
@@ -51,7 +51,7 @@ export default function FamilyWalletBox({ wallet, payment }) {
                     height="min-h-[240px]"
                   />
                 </div>
-              ) : wallet?.data.length > 0 ? (
+              ) : wallet?.data?.length > 0 ? (
                 <>
                   {wallet?.data?.length > 1 && (
                     <div className="wal-selection px-5 py-2 text-black dark:text-white flex items-center gap-2">