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

feat: update post list style

Browse Source
This commit is contained in:
pengzhanbo 2023-08-06 13:06:13 +08:00
parent 3c2ee45cc9
commit 41b555b577
1 changed files with 24 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
packages/theme/src/client/components/PostItem.vue
View File

@ -61,7 +61,7 @@ const createTime = computed(() => {
<style lang="scss" scoped>
.post-item {
padding-top: 1rem;
margin: 0 1.75rem 3rem;
margin: 0 1.75rem 2rem;
// border-bottom: solid 1px var(--vp-c-divider);
&:last-of-type {
@ -71,10 +71,10 @@ const createTime = computed(() => {
h3 {
display: flex;
align-items: center;
font-size: 20px;
font-size: 18px;
font-weight: 600;
transition: color var(--t-color);
margin-bottom: 1rem;
margin-bottom: 0.75rem;
}
h3:hover {
@ -85,6 +85,12 @@ const createTime = computed(() => {
}
}
@media (min-width: 960px) {
h3 {
font-size: 20px;
}
}
.sticky {
display: inline-block;
font-weight: 600;
@ -106,7 +112,7 @@ const createTime = computed(() => {
font-size: 14px;
font-weight: 400;
color: var(--vp-c-text-2);
margin-bottom: 1rem;
margin-bottom: 0.5rem;
> div {
display: flex;
@ -135,4 +141,18 @@ const createTime = computed(() => {
color: var(--vp-c-text-3);
}
}
.plume-content :deep(p) {
margin: 0.5rem 0;
}
.plume-content :deep(p:first-of-type) {
margin-top: 0;
}
.plume-content :deep(p:last-of-type) {
margin-bottom: 0;
}
.plume-content :deep(p strong) {
color: var(--vp-c-text-2);
}
</style>