Skip to content

Commit

Permalink
CDP-321 remove exception for medium screens
Browse files Browse the repository at this point in the history
  • Loading branch information
levity committed Jul 26, 2019
1 parent a125df2 commit 213f9a2
Showing 1 changed file with 0 additions and 22 deletions.
22 changes: 0 additions & 22 deletions src/components/CDPDisplay/subcomponents.js
Original file line number Diff line number Diff line change
Expand Up @@ -8,11 +8,6 @@ import {
Text
} from '@makerdao/ui-components-core';
import styled from 'styled-components';
import theme from 'styles/theme';

const mediumScreenMinBreakpoint = theme.breakpoints.xl;
const mediumScreenMaxBreakpoint = '1425px';
const mediaMediumScreen = `@media (min-width: ${mediumScreenMinBreakpoint}) and (max-width: ${mediumScreenMaxBreakpoint})`;

const WithSeparators = styled(Box).attrs(() => ({
borderBottom: '1px solid',
Expand Down Expand Up @@ -54,11 +49,6 @@ export const ActionContainerRow = ({ title, value, conversion, button }) => {
css={`
grid-column: 1;
grid-row: span 2;
${mediaMediumScreen} {
grid-row: 1;
grid-column: span 3;
}
`}
t="body"
>
Expand All @@ -68,10 +58,6 @@ export const ActionContainerRow = ({ title, value, conversion, button }) => {
css={`
grid-column: 2;
grid-row: ${conversion ? '1' : 'span 2'};
${mediaMediumScreen} {
grid-row: 2;
}
`}
t="h5"
color="darkLavender"
Expand All @@ -84,10 +70,6 @@ export const ActionContainerRow = ({ title, value, conversion, button }) => {
css={`
grid-row: 2;
grid-column: 2;
${mediaMediumScreen} {
grid-row: 3;
}
`}
justifySelf="end"
>
Expand All @@ -98,10 +80,6 @@ export const ActionContainerRow = ({ title, value, conversion, button }) => {
css={`
grid-column: 3;
grid-row: span 2;
${mediaMediumScreen} {
grid-row: ${conversion ? 'span 2' : '2'};
}
`}
>
{button}
Expand Down

0 comments on commit 213f9a2

Please sign in to comment.