login type btn amended

This commit is contained in:
victorAnumudu
2023-07-08 05:30:51 +01:00
parent f51ed44463
commit 17d1a84792
+8 -8
View File
@@ -207,11 +207,11 @@ export default function Login() {
</div>
{/* switch login component */}
<div className="flex justify-start items-center gap-3">
<div className="ml-7 flex justify-start items-center gap-3">
<button
name="full"
className={`login-type-btn px-4 py-1 rounded-t-[3px] transition duration-200 ${
loginType=='full' ? "bg-white text-[#000] border-t-[3px] border-[#4687ba]" : "bg-[#4687ba] text-white"
className={`login-type-btn px-4 py-1 rounded-t-2xl transition duration-200 ${
loginType=='full' ? "bg-white text-[#000] border-t-[2px]" : "bg-[#4687ba] text-white"
}`}
onClick={handleLoginType}
>
@@ -219,12 +219,12 @@ export default function Login() {
</button>
<button
name="family"
className={`login-type-btn px-4 py-1 rounded-t-[3px] transition duration-200 ${
loginType=='family' ? "bg-white text-[#000] border-t-[3px] border-[#4687ba]" : "bg-[#4687ba] text-white"
className={`login-type-btn px-4 py-1 rounded-t-2xl transition duration-200 ${
loginType=='family' ? "bg-white text-[#000] border-t-[2px]" : "bg-[#4687ba] text-white"
}`}
onClick={handleLoginType}
>
Family
Family Account
</button>
</div>
@@ -234,7 +234,7 @@ export default function Login() {
{
loginType == 'full' ? (
//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">
<InputCom
labelClass="tracking-wider"
@@ -322,7 +322,7 @@ export default function Login() {
) : (
// END of user 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">
<InputCom
labelClass="tracking-wider"