2022-03-24 17:56:51 +00:00
|
|
|
import styled from "styled-components";
|
2023-10-08 04:49:16 +00:00
|
|
|
import { tablet } from "@docspace/components/utils/device";
|
2022-04-04 12:40:45 +00:00
|
|
|
|
2022-03-24 17:56:51 +00:00
|
|
|
const StyledPreparationPortal = styled.div`
|
|
|
|
width: 100%;
|
2023-10-08 04:49:16 +00:00
|
|
|
@media ${tablet} {
|
2023-10-26 09:23:46 +00:00
|
|
|
margin-top: ${(props) => (props.isDialog ? "0px" : "48px")};
|
2023-10-08 04:49:16 +00:00
|
|
|
}
|
2022-03-24 17:56:51 +00:00
|
|
|
|
|
|
|
#header {
|
2023-11-09 18:05:20 +00:00
|
|
|
font-size: ${(props) => props.theme.getCorrectFontSize("23px")};
|
2022-03-24 17:56:51 +00:00
|
|
|
}
|
|
|
|
#text {
|
|
|
|
color: #a3a9ae;
|
2023-11-09 18:05:20 +00:00
|
|
|
font-size: ${(props) => props.theme.getCorrectFontSize("13px")};
|
2022-03-24 17:56:51 +00:00
|
|
|
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 };
|