feat: add Header component to FullWidth layout
This commit is contained in:
@@ -1,6 +1,7 @@
|
|||||||
import { css, cx } from '@styled-system/css'
|
import { css, cx } from '@styled-system/css'
|
||||||
import type { FC, ReactNode } from 'react'
|
import type { FC, ReactNode } from 'react'
|
||||||
import Footer from '@/components/layout/fragments/Footer'
|
import Footer from '@/components/layout/fragments/Footer'
|
||||||
|
import Header from '@/components/layout/fragments/Header'
|
||||||
|
|
||||||
export interface FullWidthProps {
|
export interface FullWidthProps {
|
||||||
className?: string
|
className?: string
|
||||||
@@ -10,6 +11,7 @@ export interface FullWidthProps {
|
|||||||
const FullWidth: FC<FullWidthProps> = ({ className, children }) => {
|
const FullWidth: FC<FullWidthProps> = ({ className, children }) => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
<Header />
|
||||||
<main className={cx(css({ flexGrow: 1 }), className)}>{children}</main>
|
<main className={cx(css({ flexGrow: 1 }), className)}>{children}</main>
|
||||||
<Footer />
|
<Footer />
|
||||||
</>
|
</>
|
||||||
|
|||||||
Reference in New Issue
Block a user