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 styled from 'styled-components';
|
||||
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 pascalCase from 'pascal-case';
|
||||
import titleCase from 'title-case';
|
||||
|
@ -45,20 +45,6 @@ const SectionList = styled(BaseSectionList)`
|
|||
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)`
|
||||
border-bottom: 0;
|
||||
width: 100%;
|
||||
|
@ -105,7 +91,7 @@ const Image = ({ onClick, active, ...image }) => {
|
|||
const Logo = Assets[pascalCase(imageName)] || Assets.Placeholder;
|
||||
|
||||
return (
|
||||
<Col lg={3} md={4} sm={6}>
|
||||
<Col lg={3} md={4} xs={6}>
|
||||
<Margin bottom={3}>
|
||||
<Card id={id} onClick={handleCardClick} active={active} preview>
|
||||
<Logo
|
||||
|
|
Loading…
Reference in New Issue