feat: Improve international language and style (#7697)

Refs #7696
1Panel-dev · Jan 10, 2025 · a04f4a8 · a04f4a8
1 parent 6b88e1a
commit a04f4a8
Show file tree

Hide file tree

Showing 11 changed files with 160 additions and 168 deletions.
diff --git a/frontend/src/components/router-button/index.vue b/frontend/src/components/router-button/index.vue
@@ -1,7 +1,7 @@
 <template>
     <el-card class="router_card p-1 sm:p-0">
         <div class="flex w-full flex-col justify-start sm:items-center items-start sm:justify-between sm:flex-row">
-            <el-radio-group v-model="activeName" @change="handleChange">
+            <el-radio-group v-model="activeName" @change="handleChange" class="flex-1">
                 <el-radio-button
                     class="router_card_button"
                     :label="button.label"

diff --git a/frontend/src/lang/modules/ja.ts b/frontend/src/lang/modules/ja.ts
@@ -52,7 +52,7 @@ const message = {
             saveAndEnable: '保存して有効にします',
             import: '輸入',
             search: '検索',
-            refresh: 'リフレッシュします',
+            refresh: 'リロード',
             get: '得る',
             upgrade: 'アップグレード',
             ignore: 'アップグレードを無視します',
@@ -1184,7 +1184,7 @@ const message = {
         editPermissions: '編集@:file.mode',
         owner: '所有者',
         file: 'ファイル',
-        remoteFile: 'リモコンからダウンロードしてください',
+        remoteFile: 'リモートダウンロード',
         share: '共有',
         sync: 'データ同期',
         size: 'サイズ',
@@ -1283,9 +1283,9 @@ const message = {
         clashOpenAlert: '「リサイクルビン」ボタンをクリックして、リサイクルビンディレクトリを開きます',
         right: 'フォワード',
         back: '戻る',
-        top: '戻って行きます',
-        refresh: 'リフレッシュします',
-        up: '戻って行きます',
+        top: '戻る',
+        refresh: 'リロード',
+        up: '戻る',
         openWithVscode: 'VSコードで開く',
         vscodeHelper:
             'VSコードがローカルにインストールされ、SSHリモートプラグインが構成されていることを確認してください',

diff --git a/frontend/src/lang/modules/ru.ts b/frontend/src/lang/modules/ru.ts
@@ -1215,7 +1215,7 @@ const message = {
         editPermissions: '@:file.mode',
         owner: 'Владелец',
         file: 'Файл',
-        remoteFile: 'Скачать с удаленного сервера',
+        remoteFile: 'Удалённая загрузка',
         share: 'Поделиться',
         sync: 'Синхронизация данных',
         size: 'Размер',

diff --git a/frontend/src/views/database/mysql/conn/index.vue b/frontend/src/views/database/mysql/conn/index.vue
@@ -81,7 +81,7 @@
                             prop="password"
                         >
                             <el-input
-                                style="width: calc(100% - 167px)"
+                                style="width: calc(100% - 205px)"
                                 type="password"
                                 show-password
                                 clearable

diff --git a/frontend/src/views/database/postgresql/conn/index.vue b/frontend/src/views/database/postgresql/conn/index.vue
@@ -82,7 +82,7 @@
                             prop="password"
                         >
                             <el-input
-                                style="width: calc(100% - 147px)"
+                                style="width: calc(100% - 205px)"
                                 type="password"
                                 show-password
                                 clearable

diff --git a/frontend/src/views/database/redis/conn/index.vue b/frontend/src/views/database/redis/conn/index.vue
@@ -68,7 +68,7 @@
                     <el-divider border-style="dashed" />
                     <el-form-item :label="$t('commons.login.password')" v-if="form.from === 'local'" prop="password">
                         <el-input
-                            style="width: calc(100% - 147px)"
+                            style="width: calc(100% - 205px)"
                             type="password"
                             show-password
                             clearable

diff --git a/frontend/src/views/home/index.vue b/frontend/src/views/home/index.vue
@@ -720,6 +720,7 @@ onBeforeUnmount(() => {
     font-size: 13px !important;
     border: none !important;
     width: 100% !important;
+    line-height: normal !important;
 }
 
 .monitor-tags {

diff --git a/frontend/src/views/host/file-management/index.vue b/frontend/src/views/host/file-management/index.vue
@@ -386,12 +386,12 @@
                             </div>
                         </template>
                     </el-table-column>
-                    <el-table-column :label="$t('file.mode')" prop="mode" max-width="50" min-width="110px">
+                    <el-table-column :label="$t('file.mode')" prop="mode" min-width="110">
                         <template #default="{ row }">
                             <el-link :underline="false" @click="openMode(row)">{{ row.mode }}</el-link>
                         </template>
                     </el-table-column>
-                    <el-table-column :label="$t('commons.table.user')" prop="user" show-overflow-tooltip>
+                    <el-table-column :label="$t('commons.table.user')" prop="user" show-overflow-tooltip min-width="90">
                         <template #default="{ row }">
                             <el-link :underline="false" @click="openChown(row)">
                                 {{ row.user ? row.user : '-' }} ({{ row.uid }})
@@ -405,7 +405,7 @@
                             </el-link>
                         </template>
                     </el-table-column>
-                    <el-table-column :label="$t('file.size')" prop="size" max-width="50" sortable>
+                    <el-table-column :label="$t('file.size')" prop="size" min-width="100" sortable>
                         <template #default="{ row, $index }">
                             <span v-if="row.isDir">
                                 <el-button

diff --git a/frontend/src/views/setting/panel/index.vue b/frontend/src/views/setting/panel/index.vue
@@ -6,7 +6,7 @@
                     :model="form"
                     :label-position="mobile ? 'top' : 'left'"
                     label-width="auto"
-                    class="sm:w-full md:w-4/5 lg:w-3/5 2xl:w-1/2 max-w-max"
+                    class="sm:w-full md:w-4/5 lg:w-3/5 2xl:w-1/2 max-w-max ml-8"
                 >
                     <el-form-item :label="$t('setting.user')" prop="userName">
                         <el-input disabled v-model="form.userName">