From 186075ff9a681023b843e02b81fd4de4e8d6353d Mon Sep 17 00:00:00 2001
From: igophper <34326532+igophper@users.noreply.github.com>
Date: Mon, 3 Mar 2025 10:23:24 +0800
Subject: [PATCH] style: optimize code editor file path style (#8039)

Refs #8015
---
 .../src/views/host/file-management/code-editor/index.vue    | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/host/file-management/code-editor/index.vue b/frontend/src/views/host/file-management/code-editor/index.vue
index 42b618f50..e35465aeb 100644
--- a/frontend/src/views/host/file-management/code-editor/index.vue
+++ b/frontend/src/views/host/file-management/code-editor/index.vue
@@ -11,8 +11,10 @@
     >
         <template #header>
             <div ref="dialogHeader" class="flex items-center justify-between">
-                <span>{{ $t('commons.button.edit') + ' - ' + form.path }}</span>
-                <el-space alignment="center" :size="1" class="dialog-header-icon">
+                <div class="truncate flex-1 mr-2">
+                    <span>{{ $t('commons.button.edit') + ' - ' + form.path }}</span>
+                </div>
+                <el-space alignment="center" :size="1" class="dialog-header-icon flex-shrink-0">
                     <el-tooltip :content="loadTooltip()" placement="top">
                         <el-button
                             @click="toggleFullscreen"