Web:Common:Article: fix styles for low size devices

This commit is contained in:
Timofey Boyko 2023-03-22 14:59:37 +03:00
parent b28a3e940f
commit 26aa156350

View File

@ -88,7 +88,7 @@ const StyledArticle = styled.article`
${!isMobileOnly &&
css`
@media ${tablet} {
height: calc(100% - 194px) !important;
height: calc(100% - 126px) !important;
}
`}
@ -102,7 +102,7 @@ const StyledArticle = styled.article`
${isTablet &&
css`
height: calc(100% - 194px) !important;
height: calc(100% - 126px) !important;
`}
${isMobileOnly &&
@ -118,20 +118,24 @@ const StyledArticle = styled.article`
@media ${tablet} {
padding: 0 8px !important;
height: calc(100% - 60px);
}
${isTablet &&
css`
padding: 0 8px !important;
height: calc(100% - 60px);
`}
@media ${mobile} {
padding-bottom: 20px;
height: 100%;
}
${isMobileOnly &&
css`
padding-bottom: 20px;
height: 100%;
`}
}
}