diff --git a/packages/login/src/components/CreateUserForm/CreateUserForm.styled.tsx b/packages/login/src/components/CreateUserForm/CreateUserForm.styled.tsx index 693e78ea2f..3dfd83a31f 100644 --- a/packages/login/src/components/CreateUserForm/CreateUserForm.styled.tsx +++ b/packages/login/src/components/CreateUserForm/CreateUserForm.styled.tsx @@ -30,63 +30,9 @@ import styled from "styled-components"; import { mobile, tablet } from "@docspace/shared/utils"; -const DESKTOP_WIDTH = 384; -const TABLET_WIDTH = 480; - -export const StyledCreateUserContent = styled.div` - margin: 88px auto; - - @media ${mobile} { - margin-top: 0px; - } -`; - -export const GreetingContainer = styled.div` - display: flex; - flex-direction: column; - height: 100%; - width: ${DESKTOP_WIDTH}px; - - margin-bottom: 32px; - - @media ${tablet} { - width: 100%; - max-width: ${TABLET_WIDTH}px; - } - - .tooltip { - .invitation-text { - display: flex; - flex-direction: column; - align-items: center; - text-align: center; - } - - @media ${mobile} { - padding: 0 25px; - } - } - - .portal-logo { - width: 100%; - max-width: 386px; - height: 44px; - margin: 0 auto; - padding-bottom: 16px; - display: flex; - align-items: center; - justify-content: center; - - .injected-svg { - height: 26.56px; - } - } -`; - export const RegisterContainer = styled.div<{ registrationForm?: boolean; }>` - height: 100%; width: 100%; diff --git a/packages/login/src/components/GreetingContainer/GreetingCreateUserContainer/GreetingCreateUserContainer.styled.tsx b/packages/login/src/components/GreetingContainer/GreetingCreateUserContainer/GreetingCreateUserContainer.styled.tsx index 2bd912e080..cca7599eea 100644 --- a/packages/login/src/components/GreetingContainer/GreetingCreateUserContainer/GreetingCreateUserContainer.styled.tsx +++ b/packages/login/src/components/GreetingContainer/GreetingCreateUserContainer/GreetingCreateUserContainer.styled.tsx @@ -44,7 +44,10 @@ export const GreetingContainer = styled.div` } .tooltip { - p { + .invitation-text { + display: flex; + flex-direction: column; + align-items: center; text-align: center; } @@ -55,8 +58,10 @@ export const GreetingContainer = styled.div` .portal-logo { width: 100%; + max-width: 386px; + height: 44px; + margin: 0 auto; padding-bottom: 16px; - height: 26.56px; display: flex; align-items: center; justify-content: center;