2023-09-26 14:27:38 +08:00
|
|
|
---
|
|
|
|
import Layout from "./Layout.astro";
|
2024-01-21 13:54:41 +09:00
|
|
|
import Navbar from "@components/Navbar.astro";
|
|
|
|
import SideBar from "@components/widget/SideBar.astro";
|
|
|
|
import {pathsEqual} from "@utils/url-utils";
|
|
|
|
import Footer from "@components/Footer.astro";
|
|
|
|
import BackToTop from "@components/control/BackToTop.astro";
|
|
|
|
import {siteConfig} from "@/config";
|
2023-09-26 14:27:38 +08:00
|
|
|
|
|
|
|
interface Props {
|
|
|
|
title: string;
|
2023-10-02 01:52:08 +08:00
|
|
|
banner?: string;
|
2023-09-26 14:27:38 +08:00
|
|
|
}
|
|
|
|
|
2024-02-18 18:13:43 +08:00
|
|
|
const { title, banner } = Astro.props
|
2024-02-18 18:24:00 +08:00
|
|
|
const isHomePage = pathsEqual(Astro.url.pathname, '/')
|
2024-02-18 18:13:43 +08:00
|
|
|
const enableBanner = siteConfig.banner.enable
|
2023-10-02 01:52:08 +08:00
|
|
|
|
2023-09-26 14:27:38 +08:00
|
|
|
---
|
2023-10-06 03:02:46 +08:00
|
|
|
|
2023-09-26 14:27:38 +08:00
|
|
|
<Layout title={title} banner={banner}>
|
2024-02-18 18:13:43 +08:00
|
|
|
<div class="max-w-[var(--page-width)] min-h-screen grid grid-cols-[17.5rem_auto] grid-rows-[auto_auto_1fr_auto] lg:grid-rows-[auto_1fr_auto]
|
|
|
|
mx-auto gap-4 relative px-0 md:px-4"
|
2023-09-26 14:27:38 +08:00
|
|
|
>
|
2024-03-12 16:13:10 +08:00
|
|
|
<div id="top-row" class="col-span-2 grid-rows-1 z-50 onload-animation" class:list={[""]}>
|
|
|
|
<div class="absolute h-8 left-0 right-0 -top-8 bg-[var(--card-bg)] transition"></div> <!-- used for onload animation -->
|
2024-03-12 14:04:58 +08:00
|
|
|
<Navbar></Navbar>
|
2023-09-26 14:27:38 +08:00
|
|
|
</div>
|
2024-03-12 16:13:10 +08:00
|
|
|
<SideBar class="row-start-3 row-end-4 col-span-2 lg:row-start-2 lg:row-end-3 lg:col-span-1 lg:max-w-[17.5rem] onload-animation"></SideBar>
|
2023-09-26 14:27:38 +08:00
|
|
|
|
2024-03-12 16:13:10 +08:00
|
|
|
<div id="content-wrapper" class="row-start-2 row-end-3 col-span-2 lg:col-span-1 overflow-hidden onload-animation">
|
2023-09-26 14:27:38 +08:00
|
|
|
<!-- the overflow-hidden here prevent long text break the layout-->
|
2024-03-12 14:04:58 +08:00
|
|
|
<main id="swup" class="transition-fade">
|
|
|
|
<slot></slot>
|
|
|
|
</main>
|
2023-09-29 11:58:14 +08:00
|
|
|
|
2023-09-26 14:27:38 +08:00
|
|
|
</div>
|
|
|
|
|
2024-03-12 16:13:10 +08:00
|
|
|
<div id="footer" class="grid-rows-3 col-span-2 mt-4 onload-animation">
|
2024-03-12 14:04:58 +08:00
|
|
|
<Footer></Footer>
|
2023-09-29 11:58:14 +08:00
|
|
|
</div>
|
|
|
|
<BackToTop></BackToTop>
|
2023-09-26 14:27:38 +08:00
|
|
|
</div>
|
|
|
|
</Layout>
|