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

Web: Components: fixed empty screen positioning

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/asc-web-components/empty-screen-container/index.js
View File

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

7
packages/asc-web-components/empty-screen-container/styled-empty-screen-container.js
View File

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