From 0addf79aec60db91b9576d2e2ea7088e3bb54406 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Tue, 24 Jun 2025 23:23:15 +0800
Subject: [PATCH] fix: resolve comment content width issue (#7586)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### What type of PR is this?

/area ui
/kind bug
/milestone 2.21.x

#### What this PR does / why we need it:

Fix the width issue of comment content, which was affected by https://github.com/halo-dev/halo/pull/7564 and is inconsistent with version 2.20.0

#### Does this PR introduce a user-facing change?

```release-note
修复 2.20.1 中评论管理中内容的宽度问题。
```
---
 .../modules/contents/comments/components/CommentListItem.vue    | 2 +-
 .../modules/contents/comments/components/ReplyListItem.vue      | 2 +-
 .../modules/dashboard/widgets/presets/comments/CommentItem.vue  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/console-src/modules/contents/comments/components/CommentListItem.vue b/ui/console-src/modules/contents/comments/components/CommentListItem.vue
index 6e2d1d942..1250c12fe 100644
--- a/ui/console-src/modules/contents/comments/components/CommentListItem.vue
+++ b/ui/console-src/modules/contents/comments/components/CommentListItem.vue
@@ -278,7 +278,7 @@ const { operationItems } = useOperationItemExtensionPoint<ListedComment>(
       <slot name="checkbox" />
     </template>
     <template #start>
-      <VEntityField width="100%">
+      <VEntityField width="100%" max-width="100%">
         <template #description>
           <div class="flex flex-col gap-2">
             <div class="mb-1 flex items-center gap-2">
diff --git a/ui/console-src/modules/contents/comments/components/ReplyListItem.vue b/ui/console-src/modules/contents/comments/components/ReplyListItem.vue
index a541b11aa..b0224212a 100644
--- a/ui/console-src/modules/contents/comments/components/ReplyListItem.vue
+++ b/ui/console-src/modules/contents/comments/components/ReplyListItem.vue
@@ -215,7 +215,7 @@ const { operationItems } = useOperationItemExtensionPoint<ListedReply>(
     :class="{ 'animate-breath': isHoveredReply }"
   >
     <template #start>
-      <VEntityField width="100%">
+      <VEntityField width="100%" max-width="100%">
         <template #description>
           <div class="flex flex-col gap-2">
             <div class="mb-1 flex items-center gap-2">
diff --git a/ui/console-src/modules/dashboard/widgets/presets/comments/CommentItem.vue b/ui/console-src/modules/dashboard/widgets/presets/comments/CommentItem.vue
index c67246764..7f0717f86 100644
--- a/ui/console-src/modules/dashboard/widgets/presets/comments/CommentItem.vue
+++ b/ui/console-src/modules/dashboard/widgets/presets/comments/CommentItem.vue
@@ -73,7 +73,7 @@ const handleDelete = async () => {
   />
   <VEntity>
     <template #start>
-      <VEntityField width="100%">
+      <VEntityField width="100%" max-width="100%">
         <template #description>
           <div class="flex flex-col gap-2">
             <div class="mb-1 flex items-center gap-2">