reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 19:51:07 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: add fade animations to roc, back button, tags and waline comment, refactor katex import method

Browse source
This commit is contained in:
radishzzz 2025-05-17 22:33:14 +01:00
parent dda2bb6caa
commit 90c2099fec
10 changed files with 58 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/pages/[...posts_slug].astro
View file

@ -123,7 +123,8 @@ const { Content, headings, remarkPluginFrontmatter } = await render(post)
<!-- Date -->
<div
class="mb-16.3 block c-primary font-time"
class="animation-fade-in mb-16.3 block c-primary font-time"
style="--animation-distance: 1rem;"
transition:name={`time-${post.data.abbrlink || post.id}-${lang}`}
data-disable-theme-transition
>
@ -143,7 +144,10 @@ const { Content, headings, remarkPluginFrontmatter } = await render(post)
<!-- Tags -->
{post.data.tags && post.data.tags.length > 0 && (
<div class="uno-decorative-line"></div>
<div
class="animation-fade-in uno-decorative-line"
style="--animation-delay: 0.8s;"
></div>
<div class="uno-tags-wrapper">
{post.data.tags.map((tag: string) => (
<a