pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

removed content id and replaced with styled component

Browse source
This commit is contained in:
Kim, Jimin 2021-09-29 13:44:34 +09:00
parent 1d6f470a5e
commit 1b8422bd0f
1 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

18
source/src/App.tsx
View file

@ -72,13 +72,6 @@ const globalStyle = css`
box-shadow: inset 0 0 10px rgb(0 0 0 / 20%);
}
#content {
display: inline-block;
flex: 1 1 auto;
margin-bottom: 3rem;
margin-top: 3rem;
}
code {
font-family: ${theming.font.code};
color: ${(props) =>
@ -251,6 +244,13 @@ const IENotSupported = styled.p`
font-family: ${theming.font.regular};
`
const StyledContentContainer = styled.div`
display: inline-block;
flex: 1 1 auto;
margin-bottom: 3rem;
margin-top: 3rem;
`
interface AppProps {}
interface AppState {
@ -336,7 +336,7 @@ export default class App extends React.Component<AppProps, AppState> {
<GlobalStyle />
<Navbar />
<div id="content">
<StyledContentContainer>
{this.state.isLoading ? (
<Spinner size={200} />
) : (
@ -360,7 +360,7 @@ export default class App extends React.Component<AppProps, AppState> {
</Route>
</Switch>
)}
</div>
</StyledContentContainer>
<Footer />
</ThemeProvider>
</HelmetProvider>