Web: fixed for tablet.

This commit is contained in:
Tatiana Lopaeva 2022-10-04 12:11:54 +03:00
parent 115892a497
commit 3568cbc1fd

View File

@ -7,6 +7,7 @@ import {
smallTablet,
desktop,
} from "@docspace/components/utils/device";
import { isMobile } from "react-device-detect";
const EmptyPageStyles = css`
padding: 44px 0px 64px 0px;
@ -28,10 +29,6 @@ const EmptyPageStyles = css`
}
}
@media screen and (max-width: 1325px) {
margin-left: 98px;
}
@media ${tablet} {
padding: 44px 0px 64px 0px;
grid-column-gap: 33px;
@ -93,6 +90,13 @@ const EmptyFolderWrapper = styled.div`
bottom: 16px;
}
@media screen and (max-width: 1325px) {
${!isMobile &&
css`
margin-left: 98px;
`};
}
${(props) => props.isEmptyPage && `${EmptyPageStyles}`}
}
`;