Как я могу изменить css / стиль по умолчанию для кнопок авторизации, которые предоставляет мне firebase? - PullRequest
0 голосов
/ 27 сентября 2019

Я использую Аутентификацию Firebase, которая предоставляет мне кнопки для Gmail и Facebook.Я хотел бы изменить их стили (чтобы я мог сделать их адаптивными), но я не могу получить доступ к CSS.

Я попытался выбрать и изменить имена классов, которые я видел в консоли браузера,но это не сработало.

Что я могу сделать?

import StyledFirebaseAuth from "react-firebaseui/StyledFirebaseAuth";
import firebase from "../firebase.js";

const uiConfig = {
    // Popup signin flow rather than redirect flow.
    signInFlow: "popup",
    // Redirect to /signedIn after sign in is successful. Alternatively you can provide a callbacks.signInSuccess function.
    signInSuccessUrl: "/",
    // We will display Google and Facebook as auth providers.
    signInOptions: [
        firebase.auth.GoogleAuthProvider.PROVIDER_ID,
        firebase.auth.FacebookAuthProvider.PROVIDER_ID,
        firebase.auth.EmailAuthProvider.PROVIDER_ID
    ]
};

 render() {
        return (
            <div>
                {this.state.isSignedIn ? (
                    <div>
                        <div>
                            welcome {firebase.auth().currentUser.displayName}
                        </div>
                    </div>
                ) : (
                    <StyledFirebaseAuth
                        uiConfig={uiConfig}
                        firebaseAuth={firebase.auth()}
                    />
                )}
            </div>
        );
    }



Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...