fix: 部分界面样式调整 (#3213)

frontend/src/lang/modules/en.ts

@@ -753,7 +753,8 @@ const message = {
         startIn: ' to start',
         sockPath: 'Socket Path',
         sockPathHelper: 'Communication channel between Docker Daemon and the client',
-        sockPathHelper1: 'Default value is unix:///var/run/docker-x.sock',
+        sockPathHelper1: 'Default Path: /var/run/docker-x.sock',
+        sockPathHelper2: 'CurrentPath: {0}',
         sockPathMsg:
             'Saving the Socket Path setting may result in Docker service being unavailable. Do you want to continue?',
         sockPathErr: 'Please select or enter the correct Docker sock file path',
@@ -917,6 +918,8 @@ const message = {
         },
         device: {
             dnsHelper: 'Server Address Domain Resolution',
+            dnsHelper1:
+                'When there are multiple DNS entries, they should be displayed on new lines. e.g.\n114.114.114.114\n8.8.8.8',
             hostsHelper: 'Hostname Resolution',
             hosts: 'Domain',
             toolbox: 'Toolbox',

frontend/src/lang/modules/tw.ts

@@ -724,7 +724,8 @@ const message = {
         startIn: '中開啟',
         sockPath: 'Socket 路徑',
         sockPathHelper: 'Docker 守護進程（Docker Daemon）與客戶端之間的通信通道',
-        sockPathHelper1: '默認值為 unix:///var/run/docker-x.sock',
+        sockPathHelper1: '默認路徑：/var/run/docker-x.sock',
+        sockPathHelper2: '當前路徑：{0}',
         sockPathMsg: '保存設定 Socket 路徑可能導致 Docker 服務不可用，是否繼續？',
         sockPathErr: '請選擇或輸入正確的 Docker sock 文件路徑',
     },
@@ -873,6 +874,7 @@ const message = {
         },
         device: {
             dnsHelper: '伺服器地址域名解析',
+            dnsHelper1: '當存在多個DNS時，需換行顯示，例：\n114.114.114.114\n8.8.8.8',
             hostsHelper: '主機名解析',
             hosts: '域名',
             toolbox: '工具箱',

frontend/src/lang/modules/zh.ts

@@ -725,7 +725,8 @@ const message = {
         startIn: '中开启',
         sockPath: 'Socket 路径',
         sockPathHelper: 'Docker 守护进程（Docker Daemon）与客户端之间的通信通道',
-        sockPathHelper1: '默认值为 unix:///var/run/docker-x.sock',
+        sockPathHelper1: '默认路径：/var/run/docker.sock',
+        sockPathHelper2: '当前路径：{0}',
         sockPathMsg: '保存设置 Socket 路径可能导致 Docker 服务不可用，是否继续？',
         sockPathErr: '请选择或输入正确的 Docker sock 文件路径',
     },
@@ -874,6 +875,7 @@ const message = {
         },
         device: {
             dnsHelper: '服务器地址域名解析',
+            dnsHelper1: '当存在多个DNS时，需换行显示，例：\n114.114.114.114\n8.8.8.8',
             hostsHelper: '主机名解析',
             hosts: '域名',
             toolbox: '工具箱',

frontend/src/views/container/setting/sock-path/index.vue

@@ -15,12 +15,16 @@
                 <el-row type="flex" justify="center">
                     <el-col :span="22">
                         <el-form-item :label="$t('container.sockPath')" prop="dockerSockPath">
-                            <el-input placeholder="unix:///var/run/docker.sock" v-model="form.dockerSockPath">
+                            <el-input v-model="form.dockerSockPath">
-                                <template #prepend>
+                                <template #prepend>unix://</template>
+                                <template #append>
                                     <FileList @choose="loadBuildDir"></FileList>
                                 </template>
                             </el-input>
                             <span class="input-help">{{ $t('container.sockPathHelper1') }}</span>
+                            <span class="input-help" style="margin-top: -12px">
+                                {{ $t('container.sockPathHelper2', [form.currentPath]) }}
+                            </span>
                         </el-form-item>
                     </el-col>
                 </el-row>
@@ -54,6 +58,7 @@ const loading = ref();
 
 const form = reactive({
     dockerSockPath: '',
+    currentPath: '',
 });
 const formRef = ref<FormInstance>();
 const rules = reactive({
@@ -68,7 +73,8 @@ function checkSockPath(rule: any, value: any, callback: any) {
 }
 
 const acceptParams = (params: DialogProps): void => {
-    form.dockerSockPath = params.dockerSockPath;
+    form.dockerSockPath = params.dockerSockPath.replaceAll('unix://', '');
+    form.currentPath = params.dockerSockPath.replaceAll('unix://', '');
     drawerVisible.value = true;
 };
 

frontend/src/views/database/mysql/remote/operate/index.vue

@@ -171,7 +171,7 @@ const rules = reactive({
 
     clientKey: [Rules.requiredInput],
     clientCert: [Rules.requiredInput],
-    caCert: [Rules.requiredInput],
+    rootCert: [Rules.requiredInput],
 });
 
 type FormInstance = InstanceType<typeof ElForm>;

frontend/src/views/setting/safe/ssl/index.vue

@@ -5,7 +5,7 @@
             :destroy-on-close="true"
             @close="handleClose"
             :close-on-click-modal="false"
-            size="30%"
+            size="50%"
         >
             <template #header>
                 <DrawerHeader :header="$t('setting.panelSSL')" :back="handleClose" />

frontend/src/views/toolbox/clean/index.vue

@@ -124,7 +124,7 @@
                                     </el-button>
                                 </div>
                             </div>
-                            <el-collapse v-model="activeNames">
+                            <el-collapse v-model="activeNames" class="mt-5">
                                 <el-collapse-item :title="$t('clean.system')" name="system">
                                     <el-tree
                                         ref="systemRef"

frontend/src/views/toolbox/device/dns/index.vue

@@ -23,7 +23,7 @@
                         <el-form-item label="DNS" prop="dns">
                             <el-input
                                 type="textarea"
-                                :placeholder="$t('setting.allowIPEgs')"
+                                :placeholder="$t('toolbox.device.dnsHelper1')"
                                 :autosize="{ minRows: 8, maxRows: 10 }"
                                 v-model="form.dns"
                             />