From 729109f8878553bf48ee03922540c0f01f1264a3 Mon Sep 17 00:00:00 2001
From: duorameng <2997944583@qq.com>
Date: Tue, 9 Jun 2026 18:40:59 +0800
Subject: [PATCH] style: optimize mobile layout and heights for history log
 details

---
 web/src/components/LogContent.vue | 6 +++---
 web/src/views/history/History.vue | 5 +++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/web/src/components/LogContent.vue b/web/src/components/LogContent.vue
index c995864..9377da9 100644
--- a/web/src/components/LogContent.vue
+++ b/web/src/components/LogContent.vue
@@ -143,7 +143,7 @@ watch(
 </script>
 
 <template>
-  <div class="flex-1 flex flex-col h-full w-full relative">
+  <div class="flex-1 flex flex-col h-full w-full relative min-h-0 lg:min-h-full">
     <!-- 加载状态 -->
     <template v-if="loading">
       <div class="flex-1 flex flex-col items-center justify-center p-4 select-none text-center">
@@ -154,7 +154,7 @@ watch(
 
     <!-- 空状态 -->
     <template v-else-if="!content || !content.trim()">
-      <div class="flex-1 flex flex-col items-center justify-center p-4 select-none text-center">
+      <div class="flex-1 flex flex-col items-center justify-center py-10 lg:py-0 select-none text-center min-h-[160px]">
         <div class="w-14 h-14 rounded-3xl bg-muted/20 flex items-center justify-center mb-4 border border-muted-foreground/10 mx-auto">
           <AlertCircle class="h-7 w-8 text-muted-foreground/20" />
         </div>
@@ -168,7 +168,7 @@ watch(
     <!-- 正常内容 -->
     <div 
       v-show="!loading && content && content.trim()" 
-      class="flex-1 w-full h-full p-2 overflow-hidden"
+      class="flex-1 w-full p-2 overflow-hidden h-[200px] lg:h-full lg:min-h-0"
     >
       <div ref="terminalRef" class="w-full h-full log-terminal"></div>
     </div>
diff --git a/web/src/views/history/History.vue b/web/src/views/history/History.vue
index 211e66e..679e9b5 100644
--- a/web/src/views/history/History.vue
+++ b/web/src/views/history/History.vue
@@ -373,9 +373,10 @@ watch(() => route.query, (newQuery) => {
       </div>
     </div>
 
-    <div class="flex flex-col lg:flex-row gap-4" style="height: 520px;">
+    <div class="flex flex-col lg:flex-row gap-4 lg:h-[520px]">
       <!-- 日志列表 -->
-      <div class="flex-1 min-w-0 rounded-lg border bg-card overflow-hidden flex flex-col">
+      <div class="flex-1 min-w-0 rounded-lg border bg-card overflow-hidden flex-col"
+        :class="selectedLog ? 'hidden lg:flex' : 'flex'">
         <!-- 小屏表头 -->
         <div
           class="flex sm:hidden items-center gap-2 px-3 h-[28px] border-b bg-muted/20 text-xs text-muted-foreground font-medium">