1
0
Fork 1
mirror of https://github.com/SomboChea/ui synced 2024-06-15 07:59:42 +07:00

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