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

login rearranged with linkedin login btn addition

Browse Source
This commit was merged in pull request #92.
This commit is contained in:
victorAnumudu
2023-05-22 09:35:19 +01:00
parent e112c7776b
commit e56eac3ae1
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/images/Linkedin.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 958 B

src/components/AuthPages/Login/index.jsx
+10 -8
View File
@@ -3,6 +3,7 @@ import { Link, useNavigate } from "react-router-dom";
import appleLogo from "../../../assets/images/apple-black.svg"; import appleLogo from "../../../assets/images/apple-black.svg";
import facebookLogo from "../../../assets/images/facebook-4.svg"; import facebookLogo from "../../../assets/images/facebook-4.svg";
import googleLogo from "../../../assets/images/google-logo.svg"; import googleLogo from "../../../assets/images/google-logo.svg";
import linkedInLogo from "../../../assets/images/Linkedin.png";
import WrenchBoard from "../../../assets/images/wrenchboard.png"; import WrenchBoard from "../../../assets/images/wrenchboard.png";
import usersService from "../../../services/UsersService"; import usersService from "../../../services/UsersService";
import InputCom from "../../Helpers/Inputs/InputCom"; import InputCom from "../../Helpers/Inputs/InputCom";
@@ -232,13 +233,14 @@ export default function Login() {
)} )}
</button> </button>
</div> </div>
<BrandBtn link="#" imgSrc={googleLogo} brand="Google" /> <div className="sm:flex sm:justify-between sm:items-center sm:space-x-2">
<BrandBtn <BrandBtn link="#" imgSrc={googleLogo} brand="Google" />
link="#" <BrandBtn link="#" imgSrc={appleLogo} brand="Apple" />
imgSrc={facebookLogo} </div>
brand="Facebook" <div className="sm:flex sm:justify-between sm:items-center sm:space-x-2">
/> <BrandBtn link="#" imgSrc={facebookLogo} brand="Facebook" />
<BrandBtn link="#" imgSrc={appleLogo} brand="Apple" /> <BrandBtn link="#" imgSrc={linkedInLogo} brand="LinkedIn" />
</div>
</div> </div>
</div> </div>
) : ( ) : (
@@ -346,7 +348,7 @@ const BrandBtn = ({ link, imgSrc, brand }) => {
}; };
return ( return (
<div className="flex justify-center bottomMargin"> <div className="w-full sm:w-1/2 flex justify-center bottomMargin">
<a <a
// onClick={doGoogle} // onClick={doGoogle}
href="#dd" href="#dd"