Web:Common:Loaders: fix article loaders
This commit is contained in:
parent
9a541330aa
commit
4ea77f00a5
@ -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} {
|
||||
|
@ -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;
|
||||
`}
|
||||
|
||||
|
@ -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} {
|
||||
|
Loading…
Reference in New Issue
Block a user