wip: full display of mobile hard coded

2018-11-05 17:19:37 -08:00
parent e4f9ae6ad5
commit ecae3f9c48
6 changed files with 13 additions and 6 deletions
--- a/packages/instant/src/components/ui/container.tsx
+++ b/packages/instant/src/components/ui/container.tsx
@@ -33,13 +33,16 @@ export interface ContainerProps {
    cursor?: string;
    overflow?: string;
    darkenOnHover?: boolean;
+    flexGrow?: string | number;
 }

+// TODO Dont commit flex grow
 export const Container =
    styled.div <
    ContainerProps >
    `
    box-sizing: border-box;
+    ${props => cssRuleIfExists(props, 'flex-grow')}
    ${props => cssRuleIfExists(props, 'display')}
    ${props => cssRuleIfExists(props, 'position')}
    ${props => cssRuleIfExists(props, 'top')}