Web:Common:Loaders: fix article loaders

This commit is contained in:
TimofeyBoyko 2022-07-08 10:39:15 +03:00
parent 9a541330aa
commit 4ea77f00a5
3 changed files with 8 additions and 6 deletions

View File

@ -3,7 +3,7 @@ import { isTablet } from "react-device-detect";
import styled from "styled-components";
const StyledContainer = styled.div`
width: 216px;
width: 211px;
margin: -9px 0 0;
@media ${tablet} {

View File

@ -7,12 +7,13 @@ import { tablet, mobile } from "@appserver/components/utils/device";
const StyledContainer = styled.div`
margin: 0;
max-width: 216px;
padding: 0 20px;
max-width: 211px;
padding: 0 20px 0 0;
@media ${tablet} {
width: ${(props) => (props.showText ? "240px" : "52px")};
padding: ${(props) => (props.showText ? "0 16px" : "10px 16px")};
padding: ${(props) =>
props.showText ? "0 16px 0 16px" : "10px 16px 10px 12px"};
box-sizing: border-box;
}
@ -20,7 +21,8 @@ const StyledContainer = styled.div`
css`
max-width: ${(props) => (props.showText ? "240px" : "52px")};
width: ${(props) => (props.showText ? "240px" : "52px")};
padding: ${(props) => (props.showText ? "0 16px" : "10px 16px")};
padding: ${(props) =>
props.showText ? "0 16px 0 16px" : "10px 16px 10px 12px"};
box-sizing: border-box;
`}

View File

@ -2,7 +2,7 @@ import { isMobile } from "react-device-detect";
import styled from "styled-components";
import { tablet } from "@appserver/components/utils/device";
const StyledContainer = styled.div`
max-width: 216px;
max-width: 211px;
margin-left: 1px;
@media ${tablet} {