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

refactor: remove text-62.5%, update site layout and add site footer

Browse source 
- Adjust font and typography settings across components
- Update footer with new links and start year configuration
- Modify header and navbar styling for responsive design
- Remove @unpic/astro dependency
- Refine global and component-level styling
- Update font preloading and font face definitions
This commit is contained in:
radishzzz 2025-02-21 08:33:00 +00:00
parent 1a302af9d4
commit 09fe7dcb37
18 changed files with 238 additions and 249 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/pages/index.astro
View file

@ -28,14 +28,14 @@ const postsByYear = await getPostsByYear()
{[...postsByYear.entries()].map(([_year, posts]) => (
// Year Group
<section class="mt-12">
<section class="mt-7.5">
{/* Decorative Line */}
<div class="h-0.2 w-16 bg-secondary opacity-25"></div>
<div class="h-0.125 w-10 bg-secondary opacity-25"></div>
{/* Posts List */}
<ul>
{posts.map(post => (
// Single Post
<li class="mt-7">
<li class="mt-4.375">
<a
class="hover:c-primary"
@ -47,23 +47,23 @@ const postsByYear = await getPostsByYear()
</a>
<div
class="mb-9 text-5.6 leading-11 font-time lg:(hidden)"
class="mb-5.625 text-3.5 leading-6.875 font-time lg:(hidden)"
transition:name={`time-${post.data.slug || post.slug}`}
data-disable-transition-on-theme
>
<time>
{post.data.published.toLocaleDateString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' }).replace(/\//g, '-')}
</time>
<span class="ml-2">
<span class="ml-1.25">
{post.remarkPluginFrontmatter?.minutes} min
</span>
</div>
<div class="mb-9 hidden text-5.6 leading-11 font-time lg:(ml-4 inline)">
<div class="mb-5.625 hidden text-3.65 leading-6.875 font-time lg:(ml-2.5 inline)">
<time>
{post.data.published.toLocaleDateString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' }).replace(/\//g, '-')}
</time>
<span class="ml-2">
<span class="ml-1.25">
{post.remarkPluginFrontmatter?.minutes} min
</span>
</div>

4
src/pages/posts/[slug].astro
View file

@ -35,14 +35,14 @@ const { Content, remarkPluginFrontmatter } = await post.render()
</h1>
<div
class="mb-23.4 block c-primary font-time"
class="mb-14.625 block c-primary font-time"
transition:name={`time-${post.data.slug || post.slug}`}
data-disable-transition-on-theme
>
<time>
{post.data.published.toLocaleDateString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' }).replace(/\//g, '-')}
</time>
<span class="ml-2">
<span class="ml-1.25">
{remarkPluginFrontmatter.minutes} min
</span>
</div>