From d2cef221438b7fa4fb12580678b72b73ea9729f1 Mon Sep 17 00:00:00 2001
From: lan-yonghui <yonghui.lan@fit2cloud.com>
Date: Thu, 12 Dec 2024 19:38:15 +0800
Subject: [PATCH 1/2] style: Optimize layout style

---
 frontend/src/lang/modules/en.ts                   |  4 ++--
 frontend/src/styles/element-dark.scss             | 10 ++++++++++
 frontend/src/styles/element.scss                  |  7 +++++++
 frontend/src/views/container/setting/index.vue    |  2 +-
 frontend/src/views/host/file-management/index.vue |  2 +-
 5 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts
index 83cc74b484b6..6640a7ac14c1 100644
--- a/frontend/src/lang/modules/en.ts
+++ b/frontend/src/lang/modules/en.ts
@@ -822,7 +822,7 @@ const message = {
         mirrors: 'Registry mirrors',
         mirrorsHelper: '',
         mirrorsHelper2: 'For details, see the official documents. ',
-        registries: 'Insecure registries',
+        registries: 'Private registries',
         ipv6Helper:
             'When enabling IPv6, you need to add an IPv6 container network. Refer to the official documentation for specific configuration steps.',
         ipv6CidrHelper: 'IPv6 address pool range for containers',
@@ -1246,7 +1246,7 @@ const message = {
         infoDetail: 'File properties',
         root: 'Root directory',
         list: 'File list',
-        sub: 'Include subdirectories',
+        sub: 'Subdirectories',
         downloadSuccess: 'Successfully downloaded',
         theme: 'Theme',
         language: 'Language',
diff --git a/frontend/src/styles/element-dark.scss b/frontend/src/styles/element-dark.scss
index afb7175b3526..13ac5310c15e 100644
--- a/frontend/src/styles/element-dark.scss
+++ b/frontend/src/styles/element-dark.scss
@@ -460,4 +460,14 @@ html.dark {
     .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
         background-color: var(--panel-main-bg-color-10);
     }
+
+    .custom-input-textarea {
+        background-color: var(--panel-main-bg-color-10) !important;
+        color: var(--el-color-info) !important;
+    }
+    .custom-input-textarea:hover {
+        background-color: var(--panel-main-bg-color-9) !important;
+        color: var(--el-color-primary) !important;
+    }
+
 }
diff --git a/frontend/src/styles/element.scss b/frontend/src/styles/element.scss
index db0ca58a91c2..620e00cef965 100644
--- a/frontend/src/styles/element.scss
+++ b/frontend/src/styles/element.scss
@@ -263,3 +263,10 @@ html {
     background-color: #f5f7fa !important;
     color: var(--el-color-info) !important;
 }
+
+.custom-input-textarea:hover {
+    color: var(--el-color-primary) !important;
+    background-color: var(--el-color-primary-light-9) !important;
+    border-color: var(--el-button-border-color) !important;
+}
+
diff --git a/frontend/src/views/container/setting/index.vue b/frontend/src/views/container/setting/index.vue
index 234d476efa5e..71a2f00f6298 100644
--- a/frontend/src/views/container/setting/index.vue
+++ b/frontend/src/views/container/setting/index.vue
@@ -38,7 +38,7 @@
                 <el-row style="margin-top: 20px" v-if="confShowType === 'base'">
                     <el-col :span="1"><br /></el-col>
                     <el-col :xs="24" :sm="24" :md="15" :lg="12" :xl="10">
-                        <el-form :model="form" label-position="left" :rules="rules" ref="formRef" label-width="120px">
+                        <el-form :model="form" label-position="left" :rules="rules" ref="formRef" label-width="auto">
                             <el-form-item :label="$t('container.mirrors')" prop="mirrors">
                                 <div
                                     class="flex w-full justify-start flex-col sm:flex-row sm:items-end"
diff --git a/frontend/src/views/host/file-management/index.vue b/frontend/src/views/host/file-management/index.vue
index aef3fa80951e..e9bac0c1bb61 100644
--- a/frontend/src/views/host/file-management/index.vue
+++ b/frontend/src/views/host/file-management/index.vue
@@ -386,7 +386,7 @@
                             </div>
                         </template>
                     </el-table-column>
-                    <el-table-column :label="$t('file.mode')" prop="mode" max-width="50">
+                    <el-table-column :label="$t('file.mode')" prop="mode" max-width="50" min-width="110px">
                         <template #default="{ row }">
                             <el-link :underline="false" @click="openMode(row)">{{ row.mode }}</el-link>
                         </template>

From 17fb3b2e28473fd8829071e2b492eaa522d75ad3 Mon Sep 17 00:00:00 2001
From: lan-yonghui <yonghui.lan@fit2cloud.com>
Date: Thu, 12 Dec 2024 22:08:56 +0800
Subject: [PATCH 2/2] style: Optimize layout style

---
 frontend/src/lang/modules/en.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts
index 6640a7ac14c1..af3c675f0038 100644
--- a/frontend/src/lang/modules/en.ts
+++ b/frontend/src/lang/modules/en.ts
@@ -822,7 +822,7 @@ const message = {
         mirrors: 'Registry mirrors',
         mirrorsHelper: '',
         mirrorsHelper2: 'For details, see the official documents. ',
-        registries: 'Private registries',
+        registries: 'Insecure registries',
         ipv6Helper:
             'When enabling IPv6, you need to add an IPv6 container network. Refer to the official documentation for specific configuration steps.',
         ipv6CidrHelper: 'IPv6 address pool range for containers',