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

login type btn amended

Browse Source
This commit is contained in:
victorAnumudu
2023-07-08 05:30:51 +01:00
parent f51ed44463
commit 17d1a84792
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/AuthPages/Login/index.jsx
+8 -8
View File
@@ -207,11 +207,11 @@ export default function Login() {
</div> </div>
{/* switch login component */} {/* switch login component */}
<div className="flex justify-start items-center gap-3"> <div className="ml-7 flex justify-start items-center gap-3">
<button <button
name="full" name="full"
className={`login-type-btn px-4 py-1 rounded-t-[3px] transition duration-200 ${ className={`login-type-btn px-4 py-1 rounded-t-2xl transition duration-200 ${
loginType=='full' ? "bg-white text-[#000] border-t-[3px] border-[#4687ba]" : "bg-[#4687ba] text-white" loginType=='full' ? "bg-white text-[#000] border-t-[2px]" : "bg-[#4687ba] text-white"
}`} }`}
onClick={handleLoginType} onClick={handleLoginType}
> >
@@ -219,12 +219,12 @@ export default function Login() {
</button> </button>
<button <button
name="family" name="family"
className={`login-type-btn px-4 py-1 rounded-t-[3px] transition duration-200 ${ className={`login-type-btn px-4 py-1 rounded-t-2xl transition duration-200 ${
loginType=='family' ? "bg-white text-[#000] border-t-[3px] border-[#4687ba]" : "bg-[#4687ba] text-white" loginType=='family' ? "bg-white text-[#000] border-t-[2px]" : "bg-[#4687ba] text-white"
}`} }`}
onClick={handleLoginType} onClick={handleLoginType}
> >
Family Family Account
</button> </button>
</div> </div>
@@ -234,7 +234,7 @@ export default function Login() {
{ {
loginType == 'full' ? ( loginType == 'full' ? (
//user login component //user login component
<div className="p-2 input-area login-area border-2 border-[#4687ba]"> <div className="p-2 input-area login-area border-2 rounded-2xl">
<div className="input-item mb-5"> <div className="input-item mb-5">
<InputCom <InputCom
labelClass="tracking-wider" labelClass="tracking-wider"
@@ -322,7 +322,7 @@ export default function Login() {
) : ( ) : (
// END of user login compoenent // END of user login compoenent
// family login compoenent // family login compoenent
<div className="p-2 input-area login-area border-2 border-[#4687ba]"> <div className="p-2 input-area login-area border-2 rounded-2xl">
<div className="input-item mb-5"> <div className="input-item mb-5">
<InputCom <InputCom
labelClass="tracking-wider" labelClass="tracking-wider"