mirror of
https://github.com/ChenQihan666/MyBlog-Next.git
synced 2026-08-14 11:29:33 +08:00
satnaing
5eeea6639e
Heading styles not applying properly in Main.astro layout. Fix this problem by applying id selector.
30 lines
498 B
Plaintext
30 lines
498 B
Plaintext
---
|
|
import Breadcrumbs from "@components/Breadcrumbs.astro";
|
|
|
|
export interface Props {
|
|
pageTitle: string;
|
|
pageDesc?: string;
|
|
}
|
|
|
|
const { pageTitle, pageDesc } = Astro.props;
|
|
---
|
|
|
|
<Breadcrumbs />
|
|
<main id="main-content">
|
|
<h1>{pageTitle}</h1>
|
|
<p>{pageDesc}</p>
|
|
<slot />
|
|
</main>
|
|
|
|
<style>
|
|
#main-content {
|
|
@apply max-w-3xl mx-auto px-4 pb-12 w-full;
|
|
}
|
|
#main-content h1 {
|
|
@apply font-semibold text-2xl sm:text-3xl;
|
|
}
|
|
#main-content p {
|
|
@apply mt-2 mb-6 italic;
|
|
}
|
|
</style>
|