fix: remove double padding and add missing background color - closes #373 (#399)

* fix: remove double padding - closes #373

* fix: add missing background color
This commit is contained in:
Daniel Ruf 2019-12-28 09:32:07 +01:00 committed by Juan Picado @jotadeveloper
parent 3888a268e4
commit 797c2381e4

View File

@ -16,8 +16,11 @@ import { Theme } from '../design-tokens/theme';
import AppContextProvider from './AppContextProvider';
import AppRoute, { history } from './AppRoute';
const StyledBox = styled(Box)<{ theme?: Theme }>(({ theme }) => ({
backgroundColor: theme && theme.palette.white,
}));
const StyledBoxContent = styled(Box)<{ theme?: Theme }>(({ theme }) => ({
padding: 15,
[`@media screen and (min-width: ${theme && theme.breakPoints.container}px)`]: {
maxWidth: theme && theme.breakPoints.container,
width: '100%',
@ -80,7 +83,7 @@ const App: React.FC = () => {
return (
<>
<StyleBaseline />
<Box display="flex" flexDirection="column" height="100%">
<StyledBox display="flex" flexDirection="column" height="100%">
{isLoading ? (
<Loading />
) : (
@ -96,7 +99,7 @@ const App: React.FC = () => {
<Footer />
</>
)}
</Box>
</StyledBox>
</>
);
};