1 ---
2 import '@/styles/global.css'
3 import BaseHead from '@/components/layout/BaseHead.astro'
4 import Header from '@/components/layout/Header.astro'
5 import Footer from '@/components/layout/Footer.astro'
6 import BaseLayout from '@/layouts/BaseLayout.astro'
7 import GradientMask from '@/components/ui/GradientMask.astro'
8 import { SITE } from '@/config'
9
10 const { title, description } = Astro.props
11 ---
12
13 <BaseLayout title={title} description={description} type="page">
14 <BaseHead title={title} description={description} slot="head" />
15 <div class="page-content">
16 <GradientMask />
17 <div>
18 <Header />
19 </div>
20 <main>
21 <slot />
22 </main>
23 {
24 SITE.footer && (
25 <div>
26 <Footer />
27 </div>
28 )
29 }
30 </div>
31 </BaseLayout>
32
33 <style is:global>
34 .page-content {
35 flex: 1;
36 display: flex;
37 flex-direction: column;
38 }
39
40 .page-content main {
41 flex: 1;
42 }
43 </style>