Web:Common:Loaders: fix horizontal scroll for article bode loaders

This commit is contained in:
Timofey Boyko 2022-05-12 15:53:22 +03:00
parent 8e5e699fed
commit 4460edac2b
2 changed files with 6 additions and 0 deletions

View File

@ -13,6 +13,7 @@ const StyledContainer = styled.div`
@media ${tablet} {
width: ${(props) => (props.showText ? "240px" : "52px")};
padding: ${(props) => (props.showText ? "0 16px" : "10px 16px")};
box-sizing: border-box;
}
${isMobile &&
@ -20,11 +21,13 @@ const StyledContainer = styled.div`
max-width: ${(props) => (props.showText ? "240px" : "52px")};
width: ${(props) => (props.showText ? "240px" : "52px")};
padding: ${(props) => (props.showText ? "0 16px" : "10px 16px")};
box-sizing: border-box;
`}
@media ${mobile} {
width: 100%;
padding: 0 16px;
box-sizing: border-box;
}
`;

View File

@ -16,6 +16,7 @@ const StyledContainer = styled.div`
@media ${tablet} {
width: ${(props) => (props.showText ? "240px" : "52px")};
padding: 0 16px;
box-sizing: border-box;
}
${isMobile &&
@ -23,11 +24,13 @@ const StyledContainer = styled.div`
max-width: ${(props) => (props.showText ? "240px" : "52px")};
width: ${(props) => (props.showText ? "240px" : "52px")};
padding: ${(props) => (props.showText ? "0 16px" : "10px 16px")};
box-sizing: border-box;
`}
@media ${mobile} {
width: 100%;
padding: 0 16px;
box-sizing: border-box;
}
`;