Move global styles inside the app

This commit is contained in:
Michael Jackson
2019-01-14 13:28:52 -08:00
parent d2c5a51a30
commit edb042a92e
6 changed files with 71 additions and 79 deletions

View File

@ -1,8 +1,20 @@
import React from 'react';
import PropTypes from 'prop-types';
import { Global, css } from '@emotion/core';
import DirectoryListing from './DirectoryListing';
const globalStyles = css`
body {
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
Helvetica, Arial, sans-serif;
line-height: 1.7;
padding: 0px 10px 5px;
color: #000000;
}
`;
export default class App extends React.Component {
static defaultProps = {
availableVersions: []
@ -18,6 +30,8 @@ export default class App extends React.Component {
render() {
return (
<div css={{ maxWidth: 900, margin: '0 auto' }}>
<Global styles={globalStyles} />
<header
css={{
display: 'flex',