From f5f79e5e50e4b13e3ccfc98600f451d252621716 Mon Sep 17 00:00:00 2001
From: Lucas Schoenfelder <les17@inf.ufpr.br>
Date: Sun, 15 Nov 2020 19:06:01 -0300
Subject: [PATCH] fixed responsiveness on mobile
---
src/Components/LoginContainerFunction.js | 1 +
src/Components/SignUpContainerFunction.js | 13 ++++---------
2 files changed, 5 insertions(+), 9 deletions(-)
diff --git a/src/Components/LoginContainerFunction.js b/src/Components/LoginContainerFunction.js
index 099b7447..3f8c41a2 100644
--- a/src/Components/LoginContainerFunction.js
+++ b/src/Components/LoginContainerFunction.js
@@ -194,6 +194,7 @@ export default function LoginContainer (props) {
font-size : 14px;
@media ${device.mobileM} {
width : 100%;
+ min-width : unset;
height : 100%;
}
`
diff --git a/src/Components/SignUpContainerFunction.js b/src/Components/SignUpContainerFunction.js
index 44e3df95..965e21f6 100644
--- a/src/Components/SignUpContainerFunction.js
+++ b/src/Components/SignUpContainerFunction.js
@@ -24,7 +24,7 @@ import CloseIcon from '@material-ui/icons/Close';
import styled from 'styled-components'
import {device} from './device.js'
import FormInput from "./FormInput.js"
-import {StyledCloseModalButton, DialogContentDiv, DialogHeaderStyled, SocialConnectDiv, StyledGoogleLoginButton, H3Div} from './LoginContainer.js'
+import {StyledCloseModalButton, DialogContentDiv, DialogHeaderStyled, SocialConnectDiv, H3Div} from './LoginContainer.js'
import ValidateUserInput from '../Components/FormValidationFunction.js'
var Recaptcha = require('react-recaptcha')
@@ -132,14 +132,8 @@ export default function SignUpContainer (props) {
<DialogContentDiv>
<SocialConnectDiv>
- <StyledGoogleLoginButton
- clientId="658977310896-knrl3gka66fldh83dao2rhgbblmd4un9.apps.googleusercontent.com"
- onSuccess={responseGoogle}
- onFailure={responseGoogle}
- cookiePolicy={'single_host_origin'}
- >
- <span style={{textTransform:"none", fontSize:"13px"}}>Usando o Google</span>
- </StyledGoogleLoginButton>
+ <Button onClick={() => {console.log('handleGoogleAttempt')}}>cadastro com google</Button>
+
</SocialConnectDiv>
<H3Div>
@@ -228,6 +222,7 @@ const ContainerStyled = styled.div`
padding : 10px;
@media ${device.mobileM} {
width : 100%;
+ min-width : unset;
height : 100%;
}
`
--
GitLab