Skip to content

feat: update category and recent posts titles for consistency, improve empty state styling in tag index #24

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Machillka merged 1 commit into from
Sep 3, 2026
Merged

feat: update category and recent posts titles for consistency, improve empty state styling in tag index #24

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 1 addition & 2 deletions .vitepress/theme/components/CategoryCards.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,7 @@ import { data as categories } from "../category.data";
<div class="category-heading-deco"></div>
<div>
<h2 id="category-title" class="category-title">
KNOWLEDGE_AREAS
<span class="category-title-cn">知识分类</span>
CATEGORIES
</h2>
</div>
</div>
Expand Down
5 changes: 2 additions & 3 deletions .vitepress/theme/components/RecentPosts.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,7 @@ const formatDateTime = (timestamp: number) => {
<div class="title-deco"></div>
<div>
<h2 class="title">
RECENT_UPDATES
<span class="cn-title">最近更新</span>
UPDATES
</h2>
</div>
</div>
Expand Down Expand Up @@ -120,7 +119,7 @@ html.dark {
color: var(--y-accent);
margin: 0;
display: flex;
align-items: center;
align-items: baseline;
gap: 12px;
}

Expand Down
11 changes: 9 additions & 2 deletions .vitepress/theme/components/TagIndex.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,6 @@ const filteredTags = computed(() => {
<div>
<p class="eyebrow">TAG_INDEX //</p>
<h1 id="tag-index-title">标签索引</h1>
<p class="lead">从一个方向出发，找到散落在不同目录中的相关笔记。</p>
</div>
</header>

Expand Down Expand Up @@ -70,7 +69,7 @@ const filteredTags = computed(() => {
</section>

<div v-else class="empty-state">
<p>没有找到匹配的标签。</p>
<p>没有找到匹配的标签</p>
<button type="button" @click="query = ''">清空筛选</button>
</div>
</main>
Expand Down Expand Up @@ -296,13 +295,21 @@ const filteredTags = computed(() => {
}

.empty-state {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
padding: 48px 24px;
border: 1px dashed var(--vp-c-divider);
border-radius: 8px;
color: var(--vp-c-text-2);
text-align: center;
}

.empty-state p {
margin: 0;
}

.empty-state button {
padding: 8px 14px;
border: 1px solid var(--vp-c-brand-1);
Expand Down
Loading