Я использую Аутентификацию 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>
);
}