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

Web: Files: Tiles: Different number of loaders on different screens

Browse Source
This commit is contained in:
gectokot 2021-12-15 18:37:55 +03:00 committed by Dmitry Kulak
parent 1f4ce11734
commit 4f334432e5
1 changed files with 22 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/asc-web-common/components/Loaders/TileLoader/StyledTileLoader.js
View File

@ -1,4 +1,5 @@
import styled from "styled-components";
import styled, { css } from "styled-components";
import { mobile, tablet, size } from "@appserver/components/utils/device";
const StyledTile = styled.div`
position: relative;
@ -6,6 +7,26 @@ const StyledTile = styled.div`
width: 100%;
height: ${(props) => (props.isFolder ? "32px" : "220px")};
border-radius: 3px;
@media ${mobile} {
&:nth-of-type(n + 3) {
display: none;
}
${(props) =>
props.isFolder &&
css`
&:nth-of-type(n + 2) {
display: none;
}
`}
}
@media (min-width: ${size.mobile}px) and ${tablet} {
&:nth-of-type(n + 7) {
display: none;
}
}
`;
const StyledMainContent = styled.div`