From ad67bc51e0b5c33c7c53a7b906d0725d0a7295bf Mon Sep 17 00:00:00 2001 From: harshithpabbati Date: Thu, 27 Feb 2020 17:47:38 +0530 Subject: [PATCH] Third party login authentication - GitHub - Google --- src/auth/login-form/login-form.scss | 19 +++++++++ src/auth/login/login.js | 62 ++++++++++++++++++++++++++++- 2 files changed, 80 insertions(+), 1 deletion(-) diff --git a/src/auth/login-form/login-form.scss b/src/auth/login-form/login-form.scss index 85b8801e..9e5d54b1 100644 --- a/src/auth/login-form/login-form.scss +++ b/src/auth/login-form/login-form.scss @@ -15,3 +15,22 @@ } } } +.loginbtn{ + background: #ffffff; + color: #000000; + padding: 1vh; + border: 1px solid rgb(211, 220, 228); + border-radius: 3px; + width: 45%; +} +.login-icon{ + width: 1em; + height: 1em; + vertical-align: middle; +} +.loginbtn-content{ + font-size: 16px; + font-family: Roboto, sans-serif; + font-weight: 500; + line-height: 1em; +} \ No newline at end of file diff --git a/src/auth/login/login.js b/src/auth/login/login.js index 0bdc6a68..89c0ffe5 100644 --- a/src/auth/login/login.js +++ b/src/auth/login/login.js @@ -2,7 +2,7 @@ import React, { Component } from "react"; import { Tab, Tabs } from "react-bootstrap"; import LoginForm from "../login-form/login-form"; import SignUpForm from "../signup-form/signup-form"; -import { DonutTitle }from "../../donutTitle/donutTitle"; +import { DonutTitle } from "../../donutTitle/donutTitle"; import multipleDonuts from "../../images/extra-donuts.png"; // import backGroundDonut from "../../images/background-donut.png"; import "./login.scss"; @@ -37,6 +37,66 @@ class Login extends Component { +
+

Or Sign In/Sign Up with

+ + + + + +