Skip to content

S
SWLab Docs for Park
Commit 49d9fae6 authored by 박민석's avatar 박민석
Browse files
Options

update App layout

parent dc40a3bf
Show whitespace changes
Inline Side-by-side
Showing with 67 additions and 54 deletions
swlab-main/src/App.jsx
View file @ 49d9fae6
// @ts-nocheck // @ts-nocheck
import './styles/index.scss' import './styles/index.scss'
import styled from 'styled-components'
import Banner from './components/Banner' import Banner from './components/Banner'
import Header from './components/Header' import Header from './components/Header'
import Section from './components/Section' import Section from './components/Section'
...@@ -8,7 +9,8 @@ import Footer from './components/Footer' ...@@ -8,7 +9,8 @@ import Footer from './components/Footer'
function App () { function App () {
return ( return (
<> <Root>
<Main>
<Header /> <Header />
<Banner /> <Banner />
<Section title='Products' gap='3rem' display='grid'> <Section title='Products' gap='3rem' display='grid'>
...@@ -61,9 +63,20 @@ function App () { ...@@ -61,9 +63,20 @@ function App () {
'다양한 모니터링', '다양한 모니터링',
]}/> ]}/>
</Section> </Section>
</Main>
<Footer /> <Footer />
</> </Root>
) )
} }
const Root = styled.div`
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
`
const Main = styled.main`
flex-grow: 1;
`
export default App export default App
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment