Spearhead
/
joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix(instances): swap absolute media query value for defined breakpoint

This commit is contained in:
Fábio Moreira 2018-05-16 14:30:36 +01:00
parent 867e9b35a0
commit a49cbe0882
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
consoles/my-joy-images/src/components/summary.js
View File

@ -6,6 +6,7 @@ import Flex, { FlexItem } from 'styled-flex-component';
import distanceInWordsToNow from 'date-fns/distance_in_words_to_now';
import titleCase from 'title-case';
import remcalc from 'remcalc';
import { breakpoints } from 'joyent-ui-toolkit/dist/es/breakpoints/screens';
import {
Card,
@ -37,7 +38,7 @@ const VerticalDivider = styled.div`
align-self: flex-end;
margin: 0 ${remcalc(18)};
@media (max-width: ${remcalc(767)}) {
@media (max-width: ${remcalc(breakpoints.small.upper)}) {
display: none;
}
`;

5
consoles/my-joy-instances/src/components/instances/summary.js
View File

@ -7,6 +7,7 @@ import titleCase from 'title-case';
import get from 'lodash.get';
import remcalc from 'remcalc';
import { Field } from 'redux-form';
import { breakpoints } from 'joyent-ui-toolkit/dist/es/breakpoints/screens';
import {
Card,
@ -58,7 +59,7 @@ const Flex = styled.div`
display: flex;
justify-content: flex-start;
@media (max-width: ${remcalc(767)}) {
@media (max-width: ${remcalc(breakpoints.small.upper)}) {
display: block;
}
`;
@ -75,7 +76,7 @@ const VerticalDivider = styled.div`
align-self: flex-end;
margin: 0 ${remcalc(12)};
@media (max-width: ${remcalc(767)}) {
@media (max-width: ${remcalc(breakpoints.small.upper)}) {
display: none;
}
`;