mirror of
https://github.com/reonokiy/blog.nokiy.net.git
synced 2025-06-16 19:51:07 +02:00
refactor: remove back button and adjust page detail styles
This commit is contained in:
parent
d58cbcc786
commit
fef42675c0
10 changed files with 11 additions and 45 deletions
|
@ -3,7 +3,7 @@ import Layout from '@/layouts/Layout.astro'
|
|||
---
|
||||
|
||||
<Layout>
|
||||
<div class="h-0.125 w-10 bg-secondary opacity-25"></div>
|
||||
<div class="h-0.25 w-10 bg-secondary opacity-25"></div>
|
||||
<div class="heti mt-4.375">
|
||||
<p>一款基于 <a href="https://astro.build/">Astro</a> 框架的博客主题,最初灵感来自 <a href="https://astro-theme-typography.vercel.app/">Typography</a>。本主题通过建立统一的视觉规范,对原主题的所有页面进行重新编排,尽力还原传统印刷的阅读体验,同时不失现代设计的简约感受。所见皆为细节,方寸尽显优雅。</p>
|
||||
</div>
|
||||
|
|
|
@ -30,7 +30,7 @@ const postsByYear = await getPostsByYear()
|
|||
// Year Group
|
||||
<section class="mb-7.5">
|
||||
{/* Decorative Line */}
|
||||
<div class="h-0.125 w-10 bg-secondary opacity-25"></div>
|
||||
<div class="h-0.25 w-10 bg-secondary opacity-25"></div>
|
||||
{/* Posts List */}
|
||||
<ul>
|
||||
{posts.map(post => (
|
||||
|
|
|
@ -1,5 +1,4 @@
|
|||
---
|
||||
import BackButton from '@/components/BackButton.astro'
|
||||
import Layout from '@/layouts/Layout.astro'
|
||||
import { checkSlugDuplication } from '@/utils/content'
|
||||
import { generatePostPaths } from '@/utils/i18n'
|
||||
|
@ -26,7 +25,6 @@ const { Content, remarkPluginFrontmatter } = await post.render()
|
|||
postImage={post.data.image}
|
||||
>
|
||||
<article class="heti">
|
||||
<BackButton />
|
||||
<h1 class="post-title">
|
||||
<span
|
||||
transition:name={`post-${post.data.slug || post.slug}`}
|
||||
|
@ -37,7 +35,7 @@ const { Content, remarkPluginFrontmatter } = await post.render()
|
|||
</h1>
|
||||
|
||||
<div
|
||||
class="mb-11.75 block c-primary font-time"
|
||||
class="mb-15.5 block c-primary font-time"
|
||||
transition:name={`time-${post.data.slug || post.slug}`}
|
||||
data-disable-transition-on-theme
|
||||
>
|
||||
|
@ -51,8 +49,8 @@ const { Content, remarkPluginFrontmatter } = await post.render()
|
|||
<Content />
|
||||
|
||||
{post.data.tags && post.data.tags.length > 0 && (
|
||||
<div class="mt-11.75">
|
||||
<div class="h-0.125 w-10 bg-secondary opacity-25"></div>
|
||||
<div class="mt-11.125">
|
||||
<div class="h-0.25 w-10 bg-secondary opacity-25"></div>
|
||||
<div class="mt-4.375 w-95% flex flex-wrap gap-x-3 gap-y-3.6">
|
||||
{post.data.tags.map(tag => (
|
||||
<a
|
||||
|
|
|
@ -16,7 +16,7 @@ const allTags = await getAllTags()
|
|||
---
|
||||
|
||||
<Layout>
|
||||
<div class="h-0.125 w-10 bg-secondary opacity-25"></div>
|
||||
<div class="h-0.25 w-10 bg-secondary opacity-25"></div>
|
||||
<div class="mt-4.375 w-95% flex flex-wrap gap-x-3 gap-y-3.6">
|
||||
{allTags.map(tag => (
|
||||
<a
|
||||
|
|
|
@ -6,7 +6,7 @@ const allTags = await getAllTags()
|
|||
---
|
||||
|
||||
<Layout>
|
||||
<div class="h-0.125 w-10 bg-secondary opacity-25"></div>
|
||||
<div class="h-0.25 w-10 bg-secondary opacity-25"></div>
|
||||
<div class="mt-4.375 w-95% flex flex-wrap gap-x-3 gap-y-3.6">
|
||||
{allTags.map(tag => (
|
||||
<a
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue