fix(theme-yun): post-card-link RouterLink width

This commit is contained in:
YunYouJun 2025-07-15 01:11:55 +08:00
parent bb87151b59
commit cf161b6d27
2 changed files with 5 additions and 3 deletions

View File

@ -24,7 +24,7 @@ const postTitleClass = computed(() => {
</script>
<template>
<a class="w-full flex-center post-card-link" :href="post.path || ''">
<RouterLink class="post-card-link flex-center w-full" :to="post.path || ''">
<YunCard
class="w-full hover:scale-102 hover:z-1" mx="4" :class="post.cover ? 'post-card-image' : 'post-card'"
overflow="hidden" :style="styles"
@ -84,7 +84,7 @@ const postTitleClass = computed(() => {
<YunPostTags v-if="post.tags" m="1" :tags="post.tags" />
</div>
</YunCard>
</a>
</RouterLink>
</template>
<style lang="scss">
@ -98,6 +98,8 @@ const postTitleClass = computed(() => {
.post-card-link {
text-decoration: none;
color: inherit;
// max-w-$yun-post-card-max-width
max-width: calc(var(--yun-post-card-max-width) + 2rem);
&:hover {
text-decoration: none;

View File

@ -28,7 +28,7 @@ const displayedPosts = computed(() =>
</script>
<template>
<div flex="~ col" class="yun-post-list gap-4" w="full" p="x-4 lt-sm:0">
<div flex="~ col" class="yun-post-list gap-4 items-center" w="full" p="x-4 lt-sm:0">
<template v-if="!displayedPosts.length">
<div py2 op50 text-center>
博主还什么都没写哦