From 34eb20a679abfa93fd90c211bafc216b9e27febc Mon Sep 17 00:00:00 2001
From: zhengkunwang <31820853+zhengkunwang223@users.noreply.github.com>
Date: Wed, 8 May 2024 14:30:24 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=A7=A3=E5=86=B3=E8=8B=B1=E6=96=87?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E4=B8=8B=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E5=AD=97=E7=AC=A6=E8=B6=85=E5=87=BA=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=20(#4913)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/host/file-management/delete/index.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/host/file-management/delete/index.vue b/frontend/src/views/host/file-management/delete/index.vue
index ab76e9e92..a18b6990e 100644
--- a/frontend/src/views/host/file-management/delete/index.vue
+++ b/frontend/src/views/host/file-management/delete/index.vue
@@ -2,7 +2,7 @@
     <el-dialog v-model="open" :title="$t('app.delete')" width="30%" :close-on-click-modal="false">
         <div>
             <el-row>
-                <el-col :span="20" :offset="2">
+                <el-col :span="22" :offset="1">
                     <el-alert
                         class="mt-2"
                         :show-icon="true"
@@ -15,8 +15,11 @@
                         </div>
                     </el-alert>
                     <div class="mt-4" v-if="recycleStatus === 'enable'">
-                        <el-checkbox v-model="forceDelete">{{ $t('file.forceDeleteHelper') }}</el-checkbox>
+                        <el-checkbox v-model="forceDelete" class="force-delete">
+                            <span>{{ $t('file.forceDeleteHelper') }}</span>
+                        </el-checkbox>
                     </div>
+
                     <div class="file-list">
                         <div class="flx-align-center mb-1" v-for="(row, index) in files" :key="index">
                             <div>
@@ -129,4 +132,10 @@ defineExpose({
     line-height: 20px;
     word-wrap: break-word;
 }
+
+.force-delete {
+    white-space: pre-line;
+    word-wrap: break-word;
+    line-height: 50px;
+}
 </style>