yuany3721/vuepress-theme-plume
1
0
Fork 0
forked from gitea-yuany3721/vuepress-theme-plume
Code Pull Requests Activity

fix(theme): optimize post category styles

Browse Source
This commit is contained in:
pengzhanbo 2025-10-12 14:28:04 +08:00
parent 86b7f2e695
commit 338ca4ad7c
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
theme/src/client/components/Posts/VPPostsCategories.vue
View File

@ -7,7 +7,7 @@ const { categories } = usePostsCategory()
</script>
<template>
<div class="vp-categories">
<div class="vp-post-categories">
<slot name="posts-categories-before" />
<h2 class="categories-title">
@ -26,7 +26,7 @@ const { categories } = usePostsCategory()
</template>
<style scoped>
.vp-categories {
.vp-post-categories {
flex: 1 2;
padding: 16px;
margin: 0 -16px 32px;
@ -35,7 +35,7 @@ const { categories } = usePostsCategory()
}
@media (min-width: 768px) {
.vp-categories {
.vp-post-categories {
padding: 20px 24px;
margin: 0 0 32px;
background-color: var(--vp-c-bg);
@ -43,7 +43,7 @@ const { categories } = usePostsCategory()
box-shadow: var(--vp-shadow-1);
}
.vp-categories:hover {
.vp-post-categories:hover {
box-shadow: var(--vp-shadow-2);
}
}
@ -74,12 +74,12 @@ const { categories } = usePostsCategory()
}
@media (min-width: 1200px) {
.vp-categories {
.vp-post-categories {
margin-left: 0;
}
}
.vp-categories .content {
.vp-post-categories .content {
padding: 20px 0 0;
}
</style>