fix: 频道聊天,点击写个回复没反应,点击小箭头才行 #916

This commit is contained in:
tim
2025-09-07 22:46:55 +08:00
parent b77a96938a
commit cab8cd06dc
7 changed files with 27 additions and 13 deletions

View File

@@ -65,16 +65,17 @@
class="article-item"
v-for="article in articles"
:key="article.id"
@click="navigateTo(`/posts/${article.id}`)"
>
<div class="article-main-container">
<NuxtLink class="article-item-title main-item" :to="`/posts/${article.id}`">
<NuxtLink class="article-item-title main-item">
<pin v-if="article.pinned" theme="outline" class="pinned-icon" />
<gift v-if="article.type === 'LOTTERY'" class="lottery-icon" />
<ranking-list v-else-if="article.type === 'POLL'" class="poll-icon" />
<star v-if="!article.rssExcluded" class="featured-icon" />
{{ article.title }}
</NuxtLink>
<NuxtLink class="article-item-description main-item" :to="`/posts/${article.id}`">
<NuxtLink class="article-item-description main-item">
{{ sanitizeDescription(article.description) }}
</NuxtLink>
<div class="article-info-container main-item">
@@ -488,6 +489,11 @@ const sanitizeDescription = (text) => stripMarkdown(text)
border-bottom: 1px solid var(--normal-border-color);
}
.article-item:hover {
background-color: var(--menu-selected-background-color-hover);
cursor: pointer;
}
.article-main-container,
.header-item.main-item {
width: calc(60% - 20px);