design system: update code block component

This commit is contained in:
tarafanlin 2020-06-28 18:46:34 -07:00
parent 39b7a05246
commit aefc737fd2
2 changed files with 7 additions and 5 deletions

View File

@ -1,13 +1,15 @@
import * as React from 'react'; import * as React from "react";
import * as Constants from '~/common/constants'; import * as Constants from "~/common/constants";
import { css } from '@emotion/react'; import { css } from "@emotion/react";
const STYLES_CODE_BLOCK = css` const STYLES_CODE_BLOCK = css`
background-color: ${Constants.system.pitchBlack}; font-family: "mono";
background-color: ${Constants.system.black};
color: ${Constants.system.white}; color: ${Constants.system.white};
border-radius: 4px; border-radius: 4px;
padding: 24px 24px 24px 24px; padding: 24px;
font-size: 12px;
word-wrap: break-word; word-wrap: break-word;
white-space: pre-wrap; white-space: pre-wrap;
width: 100%; width: 100%;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 MiB