mirror of
https://github.com/SomboChea/ui
synced 2024-11-24 06:54:27 +07:00
* fix: remove double padding - closes #373 * fix: add missing background color
This commit is contained in:
parent
3888a268e4
commit
797c2381e4
@ -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>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
Loading…
Reference in New Issue
Block a user