From 0309f9fa5e2d5d7247f13af2ab7cf5b85ab964c8 Mon Sep 17 00:00:00 2001
From: Sat Naing <satnaingdev@gmail.com>
Date: Sat, 17 Sep 2022 00:37:43 +0630
Subject: [PATCH] Add Breadcrumbs component and remove top padding

---
 src/pages/posts/[slug].astro | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/posts/[slug].astro b/src/pages/posts/[slug].astro
index 7b78b0f..5bfef23 100644
--- a/src/pages/posts/[slug].astro
+++ b/src/pages/posts/[slug].astro
@@ -6,6 +6,7 @@ import Datetime from "@components/Datetime.astro";
 import Tag from "@components/Tag.astro";
 import type { MarkdownInstance } from "astro";
 import type { Frontmatter } from "@utils/types";
+import Breadcrumbs from "@components/Breadcrumbs.astro";
 
 export interface Props {
   post: MarkdownInstance<Frontmatter>;
@@ -32,6 +33,7 @@ const { Content, frontmatter } = Astro.props.post;
 
 <Layout title={frontmatter.title}>
   <Header />
+  <Breadcrumbs />
   <main id="main-content">
     <h1 class="post-title">{frontmatter.title}</h1>
     <Datetime datetime={frontmatter.datetime} size="lg" className="my-2" />
@@ -52,7 +54,7 @@ const { Content, frontmatter } = Astro.props.post;
 
 <style>
   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 {
     @apply font-semibold text-2xl text-skin-accent;