buyfakett/kazoottt-blog-v2
1
0
Fork 0
mirror of https://github.com/KazooTTT/kazoottt-blog-v2.git synced 2025-06-23 18:51:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: image enlarge

Browse Source
This commit is contained in:
KazooTTT
2025-02-06 00:07:18 +08:00
parent d0a06cc104
commit 6d9c280a84
5 changed files with 96 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/layouts/BlogPost.astro
View File

@ -6,6 +6,7 @@ import TOC from "@/components/blog/TOC.astro";
import WebMentions from "@/components/blog/webmentions/index.astro";
import GiscusComment from "@/components/componentsBefore/GiscusComment";
import BaseLayout from "./Base.astro";
import ArticleContainer from "@/components/note/ArticleContainer.astro";
interface Props {
post: CollectionEntry<"post">;
@ -36,7 +37,7 @@ const readingTime: string = remarkPluginFrontmatter.readingTime;
tags: [category, ...tags].join(", "),
}}
>
<article class="grow break-words" data-pagefind-body>
<ArticleContainer className="grow break-words" dataPagefindBody={true}>
<div id="blog-hero" class="mb-12"><Masthead content={post} readingTime={readingTime} /></div>
<div class="flex flex-col gap-10 lg:flex-row lg:items-start">
{!!headings.length && <TOC headings={headings} />}
@ -48,7 +49,7 @@ const readingTime: string = remarkPluginFrontmatter.readingTime;
</div>
</div>
<GiscusComment client:load />
</article>
</ArticleContainer>
<button
class="hover:border-link fixed end-4 bottom-8 z-90 flex h-10 w-10 translate-y-28 cursor-pointer items-center justify-center rounded-full border-2 border-transparent bg-zinc-200 text-3xl opacity-0 transition-all transition-discrete duration-300 data-[show=true]:translate-y-0 data-[show=true]:opacity-100 sm:end-8 sm:h-12 sm:w-12 dark:bg-zinc-700"
data-show="false"