feat(instances): remove unnecessary col css props
This commit is contained in:
parent
62b5c201bc
commit
a18e6a3340
|
@ -1,7 +1,7 @@
|
||||||
import React, { Fragment } from 'react';
|
import React, { Fragment } from 'react';
|
||||||
import styled from 'styled-components';
|
import styled from 'styled-components';
|
||||||
import { Field } from 'redux-form';
|
import { Field } from 'redux-form';
|
||||||
import { Row, Col as BaseCol } from 'joyent-react-styled-flexboxgrid';
|
import { Row, Col } from 'joyent-react-styled-flexboxgrid';
|
||||||
import { Margin } from 'styled-components-spacing';
|
import { Margin } from 'styled-components-spacing';
|
||||||
import pascalCase from 'pascal-case';
|
import pascalCase from 'pascal-case';
|
||||||
import titleCase from 'title-case';
|
import titleCase from 'title-case';
|
||||||
|
@ -45,20 +45,6 @@ const SectionList = styled(BaseSectionList)`
|
||||||
background: transparent;
|
background: transparent;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const Col = styled(BaseCol)`
|
|
||||||
${breakpoints.smallOnly`
|
|
||||||
width: ${imageColSize.small / 12 * 100}%;
|
|
||||||
`};
|
|
||||||
|
|
||||||
${breakpoints.mediumOnly`
|
|
||||||
width: ${imageColSize.medium / 12 * 100}%;
|
|
||||||
`};
|
|
||||||
|
|
||||||
${breakpoints.large`
|
|
||||||
width: ${imageColSize.large / 12 * 100}%;
|
|
||||||
`};
|
|
||||||
`;
|
|
||||||
|
|
||||||
const Card = styled(BaseCard)`
|
const Card = styled(BaseCard)`
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -105,7 +91,7 @@ const Image = ({ onClick, active, ...image }) => {
|
||||||
const Logo = Assets[pascalCase(imageName)] || Assets.Placeholder;
|
const Logo = Assets[pascalCase(imageName)] || Assets.Placeholder;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Col lg={3} md={4} sm={6}>
|
<Col lg={3} md={4} xs={6}>
|
||||||
<Margin bottom={3}>
|
<Margin bottom={3}>
|
||||||
<Card id={id} onClick={handleCardClick} active={active} preview>
|
<Card id={id} onClick={handleCardClick} active={active} preview>
|
||||||
<Logo
|
<Logo
|
||||||
|
|
Loading…
Reference in New Issue