message: update content padding
diff: -// @ts-ignore
  import { styled } from "onefx/lib/styletron-react";
  +import React, { CSSProperties } from "react";
  +import { Flex } from "../flex";
  import { media } from "./style-media";
  export const wideContentPadding = {
  @@ -9,6 +10,7 @@ export const wideContentPadding = {
  };
  export const contentPadding = {
  + width: "100%",
  [media.palm]: wideContentPadding,
  paddingLeft: "6.6vw",
  paddingRight: "6.6vw",
  @@ -18,10 +20,19 @@ export const contentPadding = {
  }
  };
  -export const topBottomContentPadding = {
  - paddingTop: "12px",
  - paddingBottom: "12px"
  -};
  +const Pd = styled("div", contentPadding);
  -export const ContentPadding = styled("div", contentPadding);
  -export const NonePadding = styled("div", {});
  +export const ContentPadding = ({
  + children,
  + style
  +}: {
  + // tslint:disable-next-line:no-any
  + children: any;
  + style?: CSSProperties;
  +}) => (
  + <Pd style={style}>
  + <Flex width="100%" center={true}>
  + <div style={{ maxWidth: "1320px", width: "100%" }}>{children}</div>
  + </Flex>
  + </Pd>
  +);
  