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/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="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>