2022-03-24 17:56:51 +00:00
|
|
|
import styled from "styled-components";
|
|
|
|
import { isMobile } from "react-device-detect";
|
2022-04-04 12:40:45 +00:00
|
|
|
|
2022-03-24 17:56:51 +00:00
|
|
|
const StyledPreparationPortal = styled.div`
|
|
|
|
width: 100%;
|
|
|
|
${isMobile &&
|
|
|
|
`
|
|
|
|
margin-top: 48px;
|
|
|
|
`}
|
|
|
|
|
|
|
|
#header {
|
|
|
|
font-size: 23px;
|
|
|
|
}
|
|
|
|
#text {
|
|
|
|
color: #a3a9ae;
|
|
|
|
font-size: 13px;
|
|
|
|
line-height: 20px;
|
|
|
|
max-width: 480px;
|
|
|
|
}
|
2023-01-26 11:16:50 +00:00
|
|
|
|
|
|
|
.preparation-portal_body-wrapper {
|
|
|
|
margin-bottom: 24px;
|
|
|
|
width: 100%;
|
|
|
|
max-width: ${(props) => (props.errorMessage ? "560px" : "480px")};
|
|
|
|
box-sizing: border-box;
|
|
|
|
align-items: center;
|
|
|
|
.preparation-portal_error {
|
|
|
|
text-align: center;
|
|
|
|
color: ${(props) => props.theme.preparationPortalProgress.errorTextColor};
|
|
|
|
}
|
|
|
|
|
|
|
|
.preparation-portal_text {
|
|
|
|
text-align: center;
|
2023-01-26 11:33:16 +00:00
|
|
|
color: ${(props) =>
|
|
|
|
props.theme.preparationPortalProgress.descriptionTextColor};
|
2023-01-26 11:16:50 +00:00
|
|
|
}
|
|
|
|
}
|
2022-03-24 17:56:51 +00:00
|
|
|
`;
|
2022-04-04 12:40:45 +00:00
|
|
|
|
2022-12-26 12:20:03 +00:00
|
|
|
export { StyledPreparationPortal };
|