fix: resolve comment content width issue (#7586)

#### 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 中评论管理中内容的宽度问题。
```
pull/7588/head^2
Ryan Wang 2025-06-24 23:23:15 +08:00 committed by GitHub
parent 685e4645a9
commit 0addf79aec
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 3 additions and 3 deletions

View File

@ -278,7 +278,7 @@ const { operationItems } = useOperationItemExtensionPoint<ListedComment>(
<slot name="checkbox" /> <slot name="checkbox" />
</template> </template>
<template #start> <template #start>
<VEntityField width="100%"> <VEntityField width="100%" max-width="100%">
<template #description> <template #description>
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<div class="mb-1 flex items-center gap-2"> <div class="mb-1 flex items-center gap-2">

View File

@ -215,7 +215,7 @@ const { operationItems } = useOperationItemExtensionPoint<ListedReply>(
:class="{ 'animate-breath': isHoveredReply }" :class="{ 'animate-breath': isHoveredReply }"
> >
<template #start> <template #start>
<VEntityField width="100%"> <VEntityField width="100%" max-width="100%">
<template #description> <template #description>
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<div class="mb-1 flex items-center gap-2"> <div class="mb-1 flex items-center gap-2">

View File

@ -73,7 +73,7 @@ const handleDelete = async () => {
/> />
<VEntity> <VEntity>
<template #start> <template #start>
<VEntityField width="100%"> <VEntityField width="100%" max-width="100%">
<template #description> <template #description>
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<div class="mb-1 flex items-center gap-2"> <div class="mb-1 flex items-center gap-2">