调整pad端按钮对齐方式,取消按钮英文全大写

src/i18n/en-US/index.ts

@@ -15,4 +15,7 @@ export default {
   "power on": "PowerOn",
   "power off": "PowerOff",
   "stop plan": "StopPlan",
+  "other setting": "Other",
+  close: "Close",
+  logout: "Logout",
 };

src/pad/BottomBar.vue

@@ -11,8 +11,7 @@
             v-model="tab"
             dense
             inline-label
-            class="text-white bg-accent"
+            class="col-12 text-white bg-accent"
-            :class="'col-' + ($store.state.landspace ? '8' : '12')"
             style="border: none"
             active-color="secondary"
             indicator-color="secondary"

src/pad/TopToolbar.vue

@@ -4,86 +4,95 @@
     style="flex-wrap: wrap"
   >
     <q-btn
-      class="col-1"
+      class="col-auto"
       stretch
       stack
       flat
+      no-caps
       icon="img:pad/toolbar/close_icon.png"
       :label="$t('close')"
       @click="closeCurrentWindow"
     />
 
     <q-btn
-      class="col-1"
+      class="col-auto"
       stretch
       stack
       flat
+      no-caps
       icon="img:pad/toolbar/clean_windows_icon.png"
       :label="$t('clean screen')"
       @click="closeAllWindows"
     />
 
     <q-btn
-      class="col-1"
+      class="col-auto"
       stretch
       stack
       flat
+      no-caps
       icon="img:pad/toolbar/full_screen_icon.png"
       :label="$t('full screen window')"
       @click="fullscreenWindow"
     />
 
     <q-btn
-      class="col-1"
+      class="col-auto"
       stretch
       stack
       flat
+      no-caps
       icon="img:pad/toolbar/exit_full_screen_icon.png"
       :label="$t('restore window size')"
       @click="exitFullscreenWindow"
     />
 
     <q-btn
-      class="col-1"
+      class="col-auto"
       stretch
       stack
       flat
+      no-caps
       icon="img:pad/toolbar/top_window_icon.png"
       :label="$t('win top')"
       @click="topWindow"
     />
     <q-btn
-      class="col-1"
+      class="col-auto"
       stretch
       stack
       flat
+      no-caps
       icon="img:pad/toolbar/lower_window_icon.png"
       :label="$t('win lower')"
       @click="lowerWindow"
     />
     <q-btn
-      class="col-1"
+      class="col-auto"
       stretch
       stack
       flat
+      no-caps
       icon="img:pad/toolbar/center_control_icon.png"
       :label="$t('center control')"
       @click="$refs.center_control_dialog.showDialog()"
     />
     <q-btn
-      class="col-1"
+      class="col-auto"
       stretch
       stack
       flat
+      no-caps
       icon="img:pad/toolbar/power_on_icon.png"
       :label="$t('power on')"
       @click="powerOn"
     />
     <q-btn
-      class="col-1"
+      class="col-auto"
       stretch
       stack
       flat
+      no-caps
       icon="img:pad/toolbar/power_off_icon.png"
       :label="$t('power off')"
       @click="powerOff"
@@ -92,20 +101,21 @@
       stretch
       flat
       stack
+      no-caps
       icon="img:pad/toolbar/stop_plan.png"
       :label="$t('stop plan')"
-      class="col-1"
+      class="col-auto"
       v-if="plan_running"
       @click="stopPlan"
     />
-    <q-space />
     <q-btn
-      class="col-1"
+      class="col-auto"
       stretch
       stack
       flat
+      no-caps
       icon="img:pad/toolbar/other_setting.png"
-      :label="$t('other')"
+      :label="$t('other setting')"
     >
       <q-popup-proxy>
         <q-list class="shadow-2 text-primary">
@@ -144,11 +154,13 @@
         </q-list>
       </q-popup-proxy>
     </q-btn>
+    <q-space />
     <q-btn
       class="col-1"
       stretch
       stack
       flat
+      no-caps
       icon="img:pad/toolbar/logout_icon.png"
       :label="$t('logout')"
       @click="logout"