IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Login:Scr:Components: change styled components

Browse Source
This commit is contained in:
Darya Umrikhina 2024-08-16 12:02:46 +04:00
parent aa06f53703
commit 8b0d834db6
2 changed files with 7 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
packages/login/src/components/CreateUserForm/CreateUserForm.styled.tsx
View File

@ -30,63 +30,9 @@ import styled from "styled-components";
import { mobile, tablet } from "@docspace/shared/utils"; 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<{ export const RegisterContainer = styled.div<{
registrationForm?: boolean; registrationForm?: boolean;
}>` }>`
height: 100%; height: 100%;
width: 100%; width: 100%;

9
packages/login/src/components/GreetingContainer/GreetingCreateUserContainer/GreetingCreateUserContainer.styled.tsx
View File

@ -44,7 +44,10 @@ export const GreetingContainer = styled.div`
} }
.tooltip { .tooltip {
p { .invitation-text {
display: flex;
flex-direction: column;
align-items: center;
text-align: center; text-align: center;
} }
@ -55,8 +58,10 @@ export const GreetingContainer = styled.div`
.portal-logo { .portal-logo {
width: 100%; width: 100%;
max-width: 386px;
height: 44px;
margin: 0 auto;
padding-bottom: 16px; padding-bottom: 16px;
height: 26.56px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;