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

Reposition tags to the bottom of the article

Browse Source
This commit is contained in:
Sat Naing
2022-09-11 12:17:24 +06:30
parent 38a33fe967
commit 7787f4a042
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/posts/[slug].astro
+6 -5
View File
@@ -35,16 +35,17 @@ const { Content, frontmatter } = Astro.props.post;
<main> <main>
<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" />
<ul class="tags-container">
{frontmatter.tags.map((tag) => <Tag name={tag} />)}
</ul>
<article <article
id="article" id="article"
role="article" role="article"
class="mx-auto max-w-3xl prose prose-slate" class="mx-auto max-w-3xl mt-8 prose prose-slate"
> >
<Content /> <Content />
</article> </article>
<ul class="tags-container">
{frontmatter.tags.map((tag) => <Tag name={tag} />)}
</ul>
</main> </main>
<Footer /> <Footer />
</Layout> </Layout>
@@ -57,6 +58,6 @@ const { Content, frontmatter } = Astro.props.post;
@apply font-semibold text-2xl text-skin-accent; @apply font-semibold text-2xl text-skin-accent;
} }
.tags-container { .tags-container {
@apply mb-8; @apply my-8;
} }
</style> </style>