perf: 💄 Optimize Russian display effect

viarotel-org · Oct 21, 2024 · 5ca39ae · 5ca39ae
1 parent eeb8a02
commit 5ca39ae
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 7 deletions.
diff --git a/.eslintrc-auto-import.json b/.eslintrc-auto-import.json
@@ -81,6 +81,13 @@
     "watchPostEffect": true,
     "watchSyncEffect": true,
     "ElMessage": true,
-    "ElButtonProps": true
+    "ElButtonProps": true,
+    "DirectiveBinding": true,
+    "MaybeRef": true,
+    "MaybeRefOrGetter": true,
+    "onWatcherCleanup": true,
+    "useId": true,
+    "useModel": true,
+    "useTemplateRef": true
   }
 }
diff --git a/README-RU.md b/README-RU.md
@@ -7,7 +7,7 @@
 📱 Отображение и управление вашим Android-устройством с графическим интерфейсом Scrcpy на базе Electron. [English](https://github.com/viarotel-org/escrcpy/blob/main/README.md)
 
 <div style="display:flex;">
-  <img src="./screenshots/en-US/overview.jpg" alt="viarotel-escrcpy" width="100%">
+  <img src="./screenshots/ru-RU/overview.jpg" alt="viarotel-escrcpy" width="100%">
 </div>
 
 ## Особенности

diff --git a/screenshots/ru-RU/overview.jpg b/screenshots/ru-RU/overview.jpg
diff --git a/src/components/Device/index.vue b/src/components/Device/index.vue
@@ -86,7 +86,7 @@
         <el-table-column
           v-slot="{ row, $index }"
           :label="$t('device.control.name')"
-          min-width="200"
+          min-width="250"
           align="left"
         >
           <MirrorAction

diff --git a/src/components/Preference/components/PreferenceForm/index.vue b/src/components/Preference/components/PreferenceForm/index.vue
@@ -35,7 +35,7 @@
           <el-form
             ref="elForm"
             :model="preferenceData"
-            label-width="225px"
+            label-width="250px"
             class="pr-8 pt-4"
           >
             <el-row :gutter="20">
@@ -63,9 +63,11 @@
                         >
                         </el-link>
                       </el-tooltip>
-                      <span class="" :title="$t(item_1.placeholder)">{{
-                        $t(item_1.label)
-                      }}</span>
+                      <div class="truncate max-w-56" :title="$t(item_1.label)">
+                        {{
+                          $t(item_1.label)
+                        }}
+                      </div>
                     </div>
                   </template>