From 6c6fbabf14248391232151ff30cc198e421d58c3 Mon Sep 17 00:00:00 2001
From: xiaojunnuo <xiaojunnuo@qq.com>
Date: Thu, 22 Jan 2026 12:25:22 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E6=89=8B=E6=9C=BA=E7=AB=AF=E6=B5=81?=
 =?UTF-8?q?=E6=B0=B4=E7=BA=BF=E5=8E=86=E5=8F=B2=E8=AE=B0=E5=BD=95=E9=BB=98?=
 =?UTF-8?q?=E8=AE=A4=E6=94=B6=E8=B5=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/certd/pipeline/pipeline/index.vue       | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/ui/certd-client/src/views/certd/pipeline/pipeline/index.vue b/packages/ui/certd-client/src/views/certd/pipeline/pipeline/index.vue
index 50bdf1e68..501a6b5c3 100644
--- a/packages/ui/certd-client/src/views/certd/pipeline/pipeline/index.vue
+++ b/packages/ui/certd-client/src/views/certd/pipeline/pipeline/index.vue
@@ -308,6 +308,7 @@
 </template>
 
 <script lang="tsx">
+import { usePreferences } from "/@/vben/preferences";
 import { computed, defineComponent, onMounted, onUnmounted, provide, ref, Ref, watch } from "vue";
 import { useRouter } from "vue-router";
 import PiTaskForm from "./component/task-form/index.vue";
@@ -920,7 +921,9 @@ export default defineComponent({
         console.log("currentPipeline", pipeline);
       };
 
-      const logsCollapse = ref(false);
+      // 获取浏览器宽度
+      const viewWidth = window.innerWidth;
+      const logsCollapse = ref(viewWidth < 768 ? true : false);
 
       function toggleLogsCollapse() {
         logsCollapse.value = !logsCollapse.value;
@@ -1062,8 +1065,9 @@ export default defineComponent({
     }
 
     .layout-right {
-      width: 354px;
+      width: 364px;
       height: 100%;
+      max-width: 90vw;
     }
   }
 
@@ -1287,9 +1291,8 @@ export default defineComponent({
 
   .layout-right {
     position: relative;
-
     &.collapsed {
-      margin-right: -354px;
+      margin-right: max(-364px, -90vw);
     }
 
     .collapse-toggle {