问题修复

1.修复网页模式下,markdown代码过长
2.修复网页模实下,按钮文字换行
3.修复网页模式下,消息换行
This commit is contained in:
smallclover
2025-10-16 21:13:56 +09:00
parent 215c7077d5
commit a7ef4380d8
3 changed files with 15 additions and 12 deletions

View File

@@ -205,7 +205,6 @@ body {
border-radius: 4px; border-radius: 4px;
background-color: var(--code-highlight-background-color); background-color: var(--code-highlight-background-color);
color: var(--text-color); color: var(--text-color);
white-space: pre; /* 禁止自动换行 */
} }
.copy-code-btn { .copy-code-btn {
@@ -370,7 +369,10 @@ body {
.d2h-code-line { .d2h-code-line {
padding-left: 10px !important; padding-left: 10px !important;
} }
/* 手机端不换行 */
.info-content-text code {
white-space: pre; /* 禁止自动换行 */
}
/* .d2h-diff-table { /* .d2h-diff-table {
font-size: 6px !important; font-size: 6px !important;
} }

View File

@@ -45,6 +45,7 @@ export default {
font-size: 12px; font-size: 12px;
cursor: pointer; cursor: pointer;
margin-left: 10px; margin-left: 10px;
white-space: nowrap;
} }
.mark-read-button:hover { .mark-read-button:hover {

View File

@@ -75,7 +75,7 @@
@click="markRead(item.id)" @click="markRead(item.id)"
:to="`/posts/${item.post.id}#comment-${item.parentComment.id}`" :to="`/posts/${item.post.id}#comment-${item.parentComment.id}`"
> >
<div v-html="stripMarkdownWithTiebaMoji(item.parentComment.content, 500)"></div> <span v-html="stripMarkdownWithTiebaMoji(item.parentComment.content, 500)"></span>
</NuxtLink> </NuxtLink>
</span> </span>
回复了 回复了
@@ -85,7 +85,7 @@
@click="markRead(item.id)" @click="markRead(item.id)"
:to="`/posts/${item.post.id}#comment-${item.comment.id}`" :to="`/posts/${item.post.id}#comment-${item.comment.id}`"
> >
<div v-html="stripMarkdownWithTiebaMoji(item.comment.content, 500)"></div> <span v-html="stripMarkdownWithTiebaMoji(item.comment.content, 500)"></span>
</NuxtLink> </NuxtLink>
</span> </span>
</NotificationContainer> </NotificationContainer>
@@ -115,7 +115,7 @@
@click="markRead(item.id)" @click="markRead(item.id)"
:to="`/posts/${item.post.id}#comment-${item.comment.id}`" :to="`/posts/${item.post.id}#comment-${item.comment.id}`"
> >
<div v-html="stripMarkdownWithTiebaMoji(item.comment.content, 500)"></div> <span v-html="stripMarkdownWithTiebaMoji(item.comment.content, 500)"></span>
</NuxtLink> </NuxtLink>
</span> </span>
</NotificationContainer> </NotificationContainer>
@@ -162,7 +162,7 @@
@click="markRead(item.id)" @click="markRead(item.id)"
:to="`/posts/${item.post.id}#comment-${item.comment.id}`" :to="`/posts/${item.post.id}#comment-${item.comment.id}`"
> >
<div v-html="stripMarkdownWithTiebaMoji(item.comment.content, 500)"></div> <span v-html="stripMarkdownWithTiebaMoji(item.comment.content, 500)"></span>
</NuxtLink> </NuxtLink>
</span> </span>
进行了表态 进行了表态
@@ -267,7 +267,7 @@
@click="markRead(item.id)" @click="markRead(item.id)"
:to="`/posts/${item.post.id}#comment-${item.comment.id}`" :to="`/posts/${item.post.id}#comment-${item.comment.id}`"
> >
<div v-html="stripMarkdownWithTiebaMoji(item.comment.content, 500)"></div> <span v-html="stripMarkdownWithTiebaMoji(item.comment.content, 500)"></span>
</NuxtLink> </NuxtLink>
</NotificationContainer> </NotificationContainer>
</template> </template>
@@ -287,7 +287,7 @@
@click="markRead(item.id)" @click="markRead(item.id)"
:to="`/posts/${item.post.id}#comment-${item.parentComment.id}`" :to="`/posts/${item.post.id}#comment-${item.parentComment.id}`"
> >
<div v-html="stripMarkdownWithTiebaMoji(item.parentComment.content, 500)"></div> <span v-html="stripMarkdownWithTiebaMoji(item.parentComment.content, 500)"></span>
</NuxtLink> </NuxtLink>
回复了 回复了
<NuxtLink <NuxtLink
@@ -295,7 +295,7 @@
@click="markRead(item.id)" @click="markRead(item.id)"
:to="`/posts/${item.post.id}#comment-${item.comment.id}`" :to="`/posts/${item.post.id}#comment-${item.comment.id}`"
> >
<div v-html="stripMarkdownWithTiebaMoji(item.comment.content, 500)"></div> <span v-html="stripMarkdownWithTiebaMoji(item.comment.content, 500)"></span>
</NuxtLink> </NuxtLink>
</NotificationContainer> </NotificationContainer>
</template> </template>
@@ -323,7 +323,7 @@
@click="markRead(item.id)" @click="markRead(item.id)"
:to="`/posts/${item.post.id}#comment-${item.comment.id}`" :to="`/posts/${item.post.id}#comment-${item.comment.id}`"
> >
<div v-html="stripMarkdownWithTiebaMoji(item.comment.content, 500)"></div> <span v-html="stripMarkdownWithTiebaMoji(item.comment.content, 500)"></span>
</NuxtLink> </NuxtLink>
</NotificationContainer> </NotificationContainer>
</template> </template>
@@ -342,7 +342,7 @@
@click="markRead(item.id)" @click="markRead(item.id)"
:to="`/posts/${item.post.id}#comment-${item.comment.id}`" :to="`/posts/${item.post.id}#comment-${item.comment.id}`"
> >
<div v-html="stripMarkdownWithTiebaMoji(item.comment.content, 500)"></div> <span v-html="stripMarkdownWithTiebaMoji(item.comment.content, 500)"></span>
</NuxtLink> </NuxtLink>
</NotificationContainer> </NotificationContainer>
</template> </template>
@@ -556,7 +556,7 @@
</template> </template>
删除了您的帖子 删除了您的帖子
<span class="notif-content-text"> <span class="notif-content-text">
<div v-html="stripMarkdownWithTiebaMoji(item.content, 500)"></div> <span v-html="stripMarkdownWithTiebaMoji(item.content, 500)"></span>
</span> </span>
</NotificationContainer> </NotificationContainer>
</template> </template>