refactor: remove underline animation and update styling

- Remove underline-animation UnoCSS shortcut from uno.config.ts
- Update Navbar component to remove underline-animation classes
- Remove inline script for link transition animations
- Add cover images to existing posts
- Update font and date display classes in index pages
- Modify global CSS for iOS rendering optimization
This commit is contained in:
radishzzz 2025-01-28 04:33:47 +00:00
parent f1d2204337
commit 0f20e43484
10 changed files with 29 additions and 73 deletions

View file

@ -30,7 +30,7 @@ const postsByYear = await getPostsByYear()
// Year Group
<section class="mt-8">
{/* Year */}
<time class="text-8 font-time">{year}</time>
<time class="text-8 font-navbar">{year}</time>
{/* Posts List */}
<ul>
{posts.map(post => (
@ -38,10 +38,10 @@ const postsByYear = await getPostsByYear()
<li class="mt-6">
{/* Post Title */}
<a class="hover:text-secondary" href={`/posts/${post.data.slug || post.slug}`}>{post.data.title}</a>
{/* Post Date */}
<div class="text-5.6 leading-7 font-time block lg:inline lg:before:content-['_']" aria-hidden="true">
{/* Post Date */}
<div class="block text-5.6 leading-7 font-navbar lg:inline lg:before:content-['_']" aria-hidden="true">
{post.data.published.toLocaleDateString('en-US', { month: '2-digit', day: '2-digit' }).replace('/', '-')}
{post.remarkPluginFrontmatter?.minutes && <span class="ml-2"> {post.remarkPluginFrontmatter.minutes} min</span>}
{post.remarkPluginFrontmatter?.minutes && <span class="ml-2"> {post.remarkPluginFrontmatter.minutes} min</span>}
</div>
</li>
))}