style: Optimize some internationalization styles (#7689)

Author: ssongliu

frontend/src/App.vue

@@ -10,6 +10,10 @@ import { GlobalStore } from '@/store';
 import zhCn from 'element-plus/es/locale/lang/zh-cn';
 import zhTw from 'element-plus/es/locale/lang/zh-tw';
 import en from 'element-plus/es/locale/lang/en';
+import ja from 'element-plus/es/locale/lang/ja';
+import ms from 'element-plus/es/locale/lang/ms';
+import ptBR from 'element-plus/es/locale/lang/pt-br';
+import ru from 'element-plus/es/locale/lang/ru';
 import { useTheme } from '@/hooks/use-theme';
 useTheme();
 
@@ -22,6 +26,10 @@ const i18nLocale = computed(() => {
     if (globalStore.language === 'zh') return zhCn;
     if (globalStore.language === 'tw') return zhTw;
     if (globalStore.language === 'en') return en;
+    if (globalStore.language === 'ja') return ja;
+    if (globalStore.language === 'ms') return ms;
+    if (globalStore.language === 'ru') return ru;
+    if (globalStore.language === 'pt-br') return ptBR;
     return zhCn;
 });
 

frontend/src/lang/modules/ja.ts

@@ -452,8 +452,8 @@ const message = {
         remote: 'リモート',
         remoteDB: 'リモートサーバー|リモートサーバー',
         manageRemoteDB: 'リモートDB',
-        createRemoteDB: 'bind @.lower:database.remotedb',
-        unBindRemoteDB: 'unbind @.lower:database.remotedb',
+        createRemoteDB: 'リモートサーバーを追加',
+        unBindRemoteDB: 'リモートサーバーのバインドを解除',
         unBindForce: '強制バインド',
         unBindForceHelper: '結合プロセス中にすべてのエラーを無視して、最終操作が成功するようにします',
         unBindRemoteHelper:
@@ -1137,7 +1137,7 @@ const message = {
             clamLog: '@:toolbox.clam.clamconfログ',
             freshClam: 'フレッシュクラム',
             freshClamLog: '@:toolbox.clam.freshclamログ',
-            alertHelper: 'Professionalバージョンは、スケジュールされたスキャンとSMSアラートをサポートしています',
+            alertHelper: 'プロフェッショナル版は、定期スキャンとSMSアラート機能をサポートしています',
             alertTitle: 'ウイルススキャンタスク（{0}」感染したファイルアラートが検出されました',
         },
     },
@@ -1678,7 +1678,8 @@ const message = {
     },
     license: {
         community: '無料',
-        pro: 'Pro',
+        oss: '無料',
+        pro: '専門',
         trial: 'トライアル',
         office: '正式',
         trialInfo: 'バージョン',

frontend/src/views/container/container/terminal/index.vue

@@ -20,21 +20,21 @@
                 prop="command"
                 :rules="Rules.requiredInput"
             >
-                <el-checkbox style="width: 100px" border v-model="form.isCustom" @change="onChangeCommand">
+                <el-checkbox style="width: 180px" border v-model="form.isCustom" @change="onChangeCommand">
                     {{ $t('container.custom') }}
                 </el-checkbox>
-                <el-input style="width: calc(100% - 100px)" clearable v-model="form.command" />
+                <el-input style="width: calc(100% - 180px)" clearable v-model="form.command" />
             </el-form-item>
             <el-form-item
                 v-if="!form.isCustom"
                 :label="$t('container.command')"
                 prop="command"
                 :rules="Rules.requiredSelect"
             >
-                <el-checkbox style="width: 100px" border v-model="form.isCustom" @change="onChangeCommand">
+                <el-checkbox style="width: 180px" border v-model="form.isCustom" @change="onChangeCommand">
                     {{ $t('container.custom') }}
                 </el-checkbox>
-                <el-select style="width: calc(100% - 100px)" filterable clearable v-model="form.command">
+                <el-select style="width: calc(100% - 180px)" filterable clearable v-model="form.command">
                     <el-option value="/bin/ash" label="/bin/ash" />
                     <el-option value="/bin/bash" label="/bin/bash" />
                     <el-option value="/bin/sh" label="/bin/sh" />

frontend/src/views/database/mysql/conn/index.vue

@@ -81,7 +81,7 @@
                             prop="password"
                         >
                             <el-input
-                                style="width: calc(100% - 147px)"
+                                style="width: calc(100% - 167px)"
                                 type="password"
                                 show-password
                                 clearable

frontend/src/views/home/index.vue

@@ -169,13 +169,20 @@
             <el-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8">
                 <CardWithHeader :header="$t('home.systemInfo')">
                     <template #body>
-                        <el-scrollbar>
-                            <el-descriptions :column="1" class="h-systemInfo" border>
+                        <div class="h-systemInfo">
+                            <el-descriptions :column="1" border>
                                 <el-descriptions-item class-name="system-content" label-class-name="system-label">
                                     <template #label>
                                         <span>{{ $t('home.hostname') }}</span>
                                     </template>
-                                    {{ baseInfo.hostname }}
+                                    <el-tooltip
+                                        v-if="baseInfo.hostname.length > 30"
+                                        :content="baseInfo.hostname"
+                                        placement="bottom"
+                                    >
+                                        {{ baseInfo.hostname.substring(0, 27) + '...' }}
+                                    </el-tooltip>
+                                    <span v-else>{{ baseInfo.hostname }}</span>
                                 </el-descriptions-item>
                                 <el-descriptions-item class-name="system-content" label-class-name="system-label">
                                     <template #label>
@@ -191,7 +198,14 @@
                                     <template #label>
                                         <span>{{ $t('home.kernelVersion') }}</span>
                                     </template>
-                                    {{ baseInfo.kernelVersion }}
+                                    <el-tooltip
+                                        v-if="baseInfo.kernelVersion.length > 30"
+                                        :content="baseInfo.kernelVersion"
+                                        placement="bottom"
+                                    >
+                                        {{ baseInfo.kernelVersion.substring(0, 27) + '...' }}
+                                    </el-tooltip>
+                                    <span v-else>{{ baseInfo.kernelVersion }}</span>
                                 </el-descriptions-item>
                                 <el-descriptions-item class-name="system-content" label-class-name="system-label">
                                     <template #label>
@@ -232,7 +246,7 @@
                                     {{ loadUpTime(currentInfo.uptime) }}
                                 </el-descriptions-item>
                             </el-descriptions>
-                        </el-scrollbar>
+                        </div>
                     </template>
                 </CardWithHeader>
 
@@ -681,7 +695,8 @@ onBeforeUnmount(() => {
 
 .h-systemInfo {
     margin-left: 18px;
-    height: 276px;
+    height: 296px;
+    overflow: auto;
 }
 @-moz-document url-prefix() {
     .h-systemInfo {
@@ -695,8 +710,10 @@ onBeforeUnmount(() => {
     color: var(--panel-text-color);
     border: none !important;
     background: none !important;
-    width: fit-content !important;
-    white-space: nowrap !important;
+    max-width: 150px !important;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .system-content {

frontend/src/views/website/website/config/basic/other/index.vue

@@ -1,6 +1,6 @@
 <template>
     <el-row :gutter="20" v-loading="loading">
-        <el-col :xs="24" :sm="18" :md="8" :lg="8" :xl="8">
+        <el-col :xs="24" :sm="18" :md="9" :lg="9" :xl="9">
             <el-form ref="websiteForm" label-position="right" label-width="150px" :model="form" :rules="rules">
                 <el-form-item :label="$t('website.primaryDomain')" prop="primaryDomain">
                     <el-input v-model="form.primaryDomain"></el-input>