From 81bd3d986bc091113cac3536af3e108653813b39 Mon Sep 17 00:00:00 2001
From: viarotel <viarotel@qq.com>
Date: Tue, 16 Jul 2024 09:56:04 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=F0=9F=92=84=20Optimization=20of=20the?=
 =?UTF-8?q?=20operation=20bar=20at=20the=20top=20of=20the=20equipment=20li?=
 =?UTF-8?q?st?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                    |  1 +
 src/components/Device/index.vue | 52 +++++++++++++++++----------------
 2 files changed, 28 insertions(+), 25 deletions(-)

diff --git a/package.json b/package.json
index 2e57373..b8aa035 100644
--- a/package.json
+++ b/package.json
@@ -3,6 +3,7 @@
   "type": "module",
   "version": "1.21.4",
   "private": true,
+  "packageManager": "pnpm@9.4.0+sha1.9217c800d4ab947a7aee520242a7b70d64fc7638",
   "description": "Scrcpy Powered by Electron",
   "author": "viarotel",
   "homepage": "https://github.com/viarotel-org/escrcpy",
diff --git a/src/components/Device/index.vue b/src/components/Device/index.vue
index aae11a8..b2656aa 100644
--- a/src/components/Device/index.vue
+++ b/src/components/Device/index.vue
@@ -1,34 +1,36 @@
 <template>
   <div class="h-full flex flex-col">
-    <div class="flex items-center flex-none space-x-2 py-1 overflow-x-auto">
-      <Wireless ref="wireless" :reload="getDeviceData" />
+    <div class="flex-none flex items-center py-1 overflow-x-auto">
+      <div class="flex-none">
+        <Wireless ref="wireless" :reload="getDeviceData" />
+      </div>
 
-      <div class="w-px h-7 !ml-4 !mr-2 bg-gray-200"></div>
+      <div class="flex-1 w-0 flex items-center justify-end space-x-2">
+        <el-button
+          type="primary"
+          plain
+          :icon="loading ? '' : 'Refresh'"
+          :loading="loading"
+          @click="handleRefresh"
+        >
+          {{ $t('device.refresh.name') }}
+        </el-button>
 
-      <el-button
-        type="primary"
-        plain
-        :icon="loading ? '' : 'Refresh'"
-        :loading="loading"
-        @click="handleRefresh"
-      >
-        {{ $t('device.refresh.name') }}
-      </el-button>
+        <el-button
+          type="warning"
+          plain
+          icon="RefreshRight"
+          @click="handleRestart"
+        >
+          {{ $t('device.restart.name') }}
+        </el-button>
 
-      <el-button
-        type="warning"
-        plain
-        icon="RefreshRight"
-        @click="handleRestart"
-      >
-        {{ $t('device.restart.name') }}
-      </el-button>
+        <el-button plain icon="View" @click="handleLog">
+          {{ $t('device.log.name') }}
+        </el-button>
 
-      <el-button plain icon="View" @click="handleLog">
-        {{ $t('device.log.name') }}
-      </el-button>
-
-      <TerminalAction ref="terminalActionRef" />
+        <TerminalAction ref="terminalActionRef" />
+      </div>
     </div>
 
     <BatchActions