WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

auth fonts adjusted

Browse Source
This commit was merged in pull request #844.
This commit is contained in:
victorAnumudu
2024-11-07 19:52:53 +01:00
parent d2de4e8d56
commit ae494b3e48
5 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/AuthPages/AuthLayout2.jsx
+1 -1
View File
@@ -35,7 +35,7 @@ export default function LoginLayout({ slogan, children }) {
> >
</div> */} </div> */}
<div className="p-5 sm:p-7 flex place-content-center"> <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"> <div className="w-full flex justify-center items-center">
{children && children} {children && children}
</div> </div>
src/components/AuthPages/Login/LoginLanding.jsx
+11 -10
View File
@@ -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="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="flex place-content-center">
<div className="w-10/12"> <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 */} {/* APP DOWNLOAD STORE */}
<div className="col-span-1 order-2 sm:col-span-1 sm:order-1 w-full"> <div className="col-span-1 order-2 sm:col-span-2 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="relative w-full h-full flex sm:flex-col justify-center gap-4">
<div className="w-28 lg:w-32"> <div className="w-28 sm:w-36">
<a <a
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
@@ -55,7 +55,7 @@ export default function LoginLanding() {
<img src={IOSDownload} className='w-full h-auto' alt='IOS Download' /> <img src={IOSDownload} className='w-full h-auto' alt='IOS Download' />
</a> </a>
</div> </div>
<div className="w-28 lg:w-32"> <div className="w-28 sm:w-36">
<a <a
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
@@ -64,11 +64,12 @@ export default function LoginLanding() {
<img src={GoogleDownload} className='w-full h-auto' alt='IOS Download' /> <img src={GoogleDownload} className='w-full h-auto' alt='IOS Download' />
</a> </a>
</div> </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> </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"> <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-[#181c32] font-medium dark:text-white leading-6 text-2xl tracking-wide"> <h1 className="text-gray-400 font-medium text-[16.25px] leading-[24.375px]">
<span className='font-semibold'>Log in</span> as a: <span className='font-semibold text-[#4687ba] hover:text-[#009ef7] transition'>Log in</span> as a:
</h1> </h1>
<div className='w-full flex flex-col gap-4'> <div className='w-full flex flex-col gap-4'>
@@ -91,11 +92,11 @@ export default function LoginLanding() {
</button> </button>
</div> </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?{" "} Don't have an account?{" "}
<Link <Link
to="/signup" to="/signup"
className="font-semibold text-emerald-800 hover:text-emerald-600 transition" className="font-semibold text-[#4687ba] hover:text-[#009ef7] transition"
> >
Sign Up Sign Up
</Link> </Link>
src/components/AuthPages/Login/index2.jsx
+1
View File
@@ -327,6 +327,7 @@ export default function Login() {
{/* END of switch login component */} {/* END of switch login component */}
{/* for 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" ? ( loginType == "full" ? (
//user login component //user login component
src/components/AuthPages/SignUp/index2.jsx
+2 -2
View File
@@ -271,12 +271,12 @@ export default function SignUp() {
</button> </button>
<span <span
onClick={rememberMe} 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 I agree with all
<Link <Link
href="#" 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 terms and condition
</Link> </Link>
src/components/MyWallet/FamilyWalletBox.jsx
+1 -1
View File
@@ -51,7 +51,7 @@ export default function FamilyWalletBox({ wallet, payment }) {
height="min-h-[240px]" height="min-h-[240px]"
/> />
</div> </div>
) : wallet?.data.length > 0 ? ( ) : wallet?.data?.length > 0 ? (
<> <>
{wallet?.data?.length > 1 && ( {wallet?.data?.length > 1 && (
<div className="wal-selection px-5 py-2 text-black dark:text-white flex items-center gap-2"> <div className="wal-selection px-5 py-2 text-black dark:text-white flex items-center gap-2">