Qihan/MyBlog-Next
1
0
Fork 0
mirror of https://github.com/ChenQihan666/MyBlog-Next.git synced 2026-08-14 11:29:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add Breadcrumbs component and remove top padding

Browse Source
This commit is contained in:
Sat Naing
2022-09-17 00:37:43 +06:30
parent 8ca109f5c9
commit 0309f9fa5e
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/posts/[slug].astro
+3 -1
View File
@@ -6,6 +6,7 @@ import Datetime from "@components/Datetime.astro";
import Tag from "@components/Tag.astro"; import Tag from "@components/Tag.astro";
import type { MarkdownInstance } from "astro"; import type { MarkdownInstance } from "astro";
import type { Frontmatter } from "@utils/types"; import type { Frontmatter } from "@utils/types";
import Breadcrumbs from "@components/Breadcrumbs.astro";
export interface Props { export interface Props {
post: MarkdownInstance<Frontmatter>; post: MarkdownInstance<Frontmatter>;
@@ -32,6 +33,7 @@ const { Content, frontmatter } = Astro.props.post;
<Layout title={frontmatter.title}> <Layout title={frontmatter.title}>
<Header /> <Header />
<Breadcrumbs />
<main id="main-content"> <main id="main-content">
<h1 class="post-title">{frontmatter.title}</h1> <h1 class="post-title">{frontmatter.title}</h1>
<Datetime datetime={frontmatter.datetime} size="lg" className="my-2" /> <Datetime datetime={frontmatter.datetime} size="lg" className="my-2" />
@@ -52,7 +54,7 @@ const { Content, frontmatter } = Astro.props.post;
<style> <style>
main { main {
@apply max-w-3xl mx-auto px-4 py-12 w-full; @apply max-w-3xl mx-auto px-4 pb-12 w-full;
} }
.post-title { .post-title {
@apply font-semibold text-2xl text-skin-accent; @apply font-semibold text-2xl text-skin-accent;