Пользовательский интерфейс кнопки входа в Google - ReactJS - PullRequest
Новая
       62

Пользовательский интерфейс кнопки входа в Google - ReactJS

0 голосов
/ 21 июня 2019

Я пытаюсь настроить кнопку входа в Google, но некоторые стили не работают.Я использую response-google-login. 

import { GoogleLogin } from 'react-google-login';
import Typography from '@material-ui/core/Typography';

<GoogleLogin
            clientId={googleClientId}
            onSuccess={this.handleResponse}
            onFailure={this.handleError}
            icon={false}
            scope={scope}
            responseType="code"
            className={classes.manageConnectButton}
          >
            <Typography className={classes.manageConnectText}>Connect</Typography>
          </GoogleLogin>

styles 

 disconnectTransparentButton: {
    border: '1px solid pink',
    width: 85,
    height: 32,
    background: 'white',
    borderRadius: 50,
    cursor: 'pointer',
  },
  disconnectTransparentText: {
    fontSize: 9,
    color: 'green',
  }

Результат: enter image description here Кнопка без границы и радиуса границы.Я также не могу центрировать текст.

Что-то, что Google не разрешает делать?

...