diff --git a/web/ASC.Web.Client/src/components/pages/Confirm/sub-components/createUser.js b/web/ASC.Web.Client/src/components/pages/Confirm/sub-components/createUser.js index 13b29f5327..ee79cd5fa4 100644 --- a/web/ASC.Web.Client/src/components/pages/Confirm/sub-components/createUser.js +++ b/web/ASC.Web.Client/src/components/pages/Confirm/sub-components/createUser.js @@ -9,6 +9,7 @@ import Button from "@appserver/components/button"; import TextInput from "@appserver/components/text-input"; import Box from "@appserver/components/box"; import Text from "@appserver/components/text"; +import Link from "@appserver/components/link"; import PasswordInput from "@appserver/components/password-input"; import FieldContainer from "@appserver/components/field-container"; import toastr from "@appserver/components/toast/toastr"; @@ -36,15 +37,18 @@ import MoreLoginModal from "login/moreLogin"; export const ButtonsWrapper = styled.div` display: table; margin: auto; - margin-bottom: 8px; - width: 320px; - @media (max-width: 768px) { - width: 480px; - } + .buttonWrapper { + margin-bottom: 8px; + width: 320px; - @media (max-width: 414px) { - width: 311px; + @media (max-width: 768px) { + width: 480px; + } + + @media (max-width: 414px) { + width: 311px; + } } `; @@ -79,6 +83,10 @@ const RegisterContainer = styled.div` margin: 0 8px; } + .more-label { + padding-top: 18px; + } + .line { display: flex; width: 320px; @@ -149,6 +157,11 @@ const Confirm = (props) => { getSso(); }, []); + useEffect(async () => { + window.authCallback = authCallback; + await setProviders(); + }, []); + const authCallback = (profile) => { oAuthLogin(profile); };