mirror of
https://github.com/ChenQihan666/MyBlog-Next.git
synced 2026-08-14 11:29:33 +08:00
fix: fix heading style in posts/<page-num> layouts
Heading styles not applying properly in Main.astro layout. Fix this problem by applying id selector.
This commit is contained in:
@@ -17,13 +17,13 @@ const { pageTitle, pageDesc } = Astro.props;
|
|||||||
</main>
|
</main>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
main {
|
#main-content {
|
||||||
@apply max-w-3xl mx-auto px-4 pb-12 w-full;
|
@apply max-w-3xl mx-auto px-4 pb-12 w-full;
|
||||||
}
|
}
|
||||||
h1 {
|
#main-content h1 {
|
||||||
@apply font-semibold text-2xl sm:text-3xl;
|
@apply font-semibold text-2xl sm:text-3xl;
|
||||||
}
|
}
|
||||||
p {
|
#main-content p {
|
||||||
@apply mt-2 mb-6 italic;
|
@apply mt-2 mb-6 italic;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user