优化代码

src/layouts/components/userbar.vue

@@ -1,5 +1,18 @@
 <template>
 	<div class="userbar">
+		<a-tooltip title="全屏">
+			<a-button type="text" @click="toggleFullscreen" class="action-btn">
+				<FullscreenOutlined v-if="!isFullscreen" />
+				<FullscreenExitOutlined v-else />
+			</a-button>
+		</a-tooltip>
+
+		<a-tooltip title="布局设置">
+			<a-button type="text" @click="showSetting = true" class="action-btn">
+				<SettingOutlined />
+			</a-button>
+		</a-tooltip>
+
 		<a-dropdown :trigger="['click']">
 			<div class="user-info">
 				<a-avatar :size="32" :src="userStore.user?.avatar || ''">
@@ -27,19 +40,6 @@
 			</template>
 		</a-dropdown>
 
-		<a-tooltip title="全屏">
-			<a-button type="text" @click="toggleFullscreen" class="action-btn">
-				<FullscreenOutlined v-if="!isFullscreen" />
-				<FullscreenExitOutlined v-else />
-			</a-button>
-		</a-tooltip>
-
-		<a-tooltip title="布局设置">
-			<a-button type="text" @click="showSetting = true" class="action-btn">
-				<SettingOutlined />
-			</a-button>
-		</a-tooltip>
-
 		<!-- 布局设置抽屉 -->
 		<a-drawer v-model:open="showSetting" title="布局设置" placement="right" :width="280">
 			<div class="setting-content">
@@ -185,7 +185,7 @@ const changeThemeColor = (color) => {
 		align-items: center;
 		gap: 8px;
 		cursor: pointer;
-		padding: 4px 12px;
+		padding: 0 12px;
 		border-radius: 4px;
 		transition: background-color 0.3s;