Web: Components: fixed empty screen positioning

This commit is contained in:
Dmitry Sychugov 2022-05-05 20:24:09 +05:00
parent a9b94bc296
commit 577e1a78e5
2 changed files with 7 additions and 2 deletions

View File

@ -28,7 +28,7 @@ const EmptyScreenContainer = (props) => {
<Text
as="span"
fontSize="19px"
fontWeight="600"
fontWeight="700"
className="ec-header"
noSelect
>

View File

@ -1,5 +1,5 @@
import styled from "styled-components";
import { mobile } from "../utils/device";
import { mobile, tablet } from "../utils/device";
import NoUserSelect from "../utils/commonStyles";
const EmptyContentBody = styled.div`
@ -7,6 +7,10 @@ const EmptyContentBody = styled.div`
padding: 64px 0;
grid-template-columns: 150px 1fr;
@media ${tablet} {
grid-template-columns: none;
}
display: grid;
grid-template-areas:
"img headerText"
@ -76,6 +80,7 @@ const EmptyContentBody = styled.div`
.ec-header,
.ec-subheading,
.ec-desc,
.ec-image,
.ec-buttons {
padding-left: 16px;
}