From aa361e1d3b631bc773a4a2901ce719181b5ef0ed Mon Sep 17 00:00:00 2001
From: engigu <sayheya@qq.com>
Date: Sun, 10 Aug 2025 18:07:38 +0800
Subject: [PATCH] fix: logs view css error

---
 web/src/components/pages/hostedMessage/HostedMessage.vue | 6 +++---
 web/src/components/pages/sendLogs/SendLogs.vue           | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/web/src/components/pages/hostedMessage/HostedMessage.vue b/web/src/components/pages/hostedMessage/HostedMessage.vue
index cf4efaf..f45270b 100644
--- a/web/src/components/pages/hostedMessage/HostedMessage.vue
+++ b/web/src/components/pages/hostedMessage/HostedMessage.vue
@@ -160,12 +160,12 @@ onMounted(async () => {
 
     <!-- 消息详情Sheet -->
     <Sheet v-model:open="isSheetOpen">
-      <SheetContent class="w-[600px] sm:w-[900px] lg:w-[1000px]">
+      <SheetContent class="w-[700px] sm:w-[1000px] lg:w-[1200px]">
         <SheetHeader>
           <SheetTitle>{{ selectedTaskName }} - 托管消息详情</SheetTitle>
         </SheetHeader>
-        <div class="mt-6">
-          <div class="bg-gray-50 p-4 rounded-lg">
+        <div class="mt-4">
+          <div class="bg-gray-50 p-4 rounded-lg max-h-[82vh] overflow-y-auto break-words">
             <pre class="whitespace-pre-wrap text-sm font-mono">{{ selectedLog }}</pre>
           </div>
         </div>
diff --git a/web/src/components/pages/sendLogs/SendLogs.vue b/web/src/components/pages/sendLogs/SendLogs.vue
index ae3d185..9e62eef 100644
--- a/web/src/components/pages/sendLogs/SendLogs.vue
+++ b/web/src/components/pages/sendLogs/SendLogs.vue
@@ -199,13 +199,13 @@ onMounted(async () => {
     />
 
     <!-- 日志详情Sheet -->
-    <Sheet v-model:open="isSheetOpen">
-      <SheetContent class="w-[600px] sm:w-[900px] lg:w-[1000px]">
+    <Sheet v-model:open="isSheetOpen" class="w-[700px] sm:w-[1000px] lg:w-[1200px]">
+      <SheetContent class="w-[700px] sm:w-[1000px] lg:w-[1200px]">
         <SheetHeader>
           <SheetTitle>{{ selectedTaskName }} - 发信日志详情</SheetTitle>
         </SheetHeader>
-        <div class="mt-6">
-          <div class="bg-gray-50 p-4 rounded-lg">
+        <div class="mt-4">
+          <div class="bg-gray-50 p-4 rounded-lg max-h-[82vh] overflow-y-auto break-words">
             <pre class="whitespace-pre-wrap text-sm font-mono">{{ selectedLog }}</pre>
           </div>
         </div>