From 682d78698fabffd9338898e867baca96bf4aa592 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=98=AD?= <81747598+lan-yonghui@users.noreply.github.com>
Date: Tue, 16 Dec 2025 16:39:58 +0800
Subject: [PATCH] ref: Optimize the button layout on the file upload page
 (#11354)

---
 .../src/views/host/file-management/upload/index.vue  | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/host/file-management/upload/index.vue b/frontend/src/views/host/file-management/upload/index.vue
index 4a172bd77..824b6d7de 100644
--- a/frontend/src/views/host/file-management/upload/index.vue
+++ b/frontend/src/views/host/file-management/upload/index.vue
@@ -7,8 +7,8 @@
         :confirmBeforeClose="true"
     >
         <template #content>
-            <div class="button-container">
-                <div>
+            <div class="upload-button flex flex-wrap justify-between items-center gap-4 pb-4 md:flex-nowrap">
+                <div class="flex flex-wrap gap-4">
                     <el-button type="primary" @click="upload('file')">
                         {{ $t('commons.button.upload') }}{{ $t('menu.files') }}
                     </el-button>
@@ -464,10 +464,10 @@ defineExpose({ acceptParams, handleDrop, open });
 </script>
 
 <style lang="scss" scoped>
-.button-container {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: 10px;
+.upload-button {
+    .el-button + .el-button {
+        margin-left: 0;
+    }
 }
 
 .file-item {