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%); 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 { code {
font-family: ${theming.font.code}; font-family: ${theming.font.code};
color: ${(props) => color: ${(props) =>
@ -251,6 +244,13 @@ const IENotSupported = styled.p`
font-family: ${theming.font.regular}; 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 AppProps {}
interface AppState { interface AppState {
@ -336,7 +336,7 @@ export default class App extends React.Component<AppProps, AppState> {
<GlobalStyle /> <GlobalStyle />
<Navbar /> <Navbar />
<div id="content"> <StyledContentContainer>
{this.state.isLoading ? ( {this.state.isLoading ? (
<Spinner size={200} /> <Spinner size={200} />
) : ( ) : (
@ -360,7 +360,7 @@ export default class App extends React.Component<AppProps, AppState> {
</Route> </Route>
</Switch> </Switch>
)} )}
</div> </StyledContentContainer>
<Footer /> <Footer />
</ThemeProvider> </ThemeProvider>
</HelmetProvider> </HelmetProvider>