style(styles): 💄 adjust the spacing between header button (#28)

src/layouts/modules/global-header/components/user-avatar.vue

@@ -68,7 +68,7 @@ function handleDropdown(key: DropdownKey) {
     {{ $t('page.login.common.loginOrRegister') }}
   </ElButton>
 
-  <ElDropdown trigger="click" @command="handleDropdown">
+  <ElDropdown class="px-14px" trigger="click" @command="handleDropdown">
     <template #dropdown>
       <ElDropdownMenu>
         <ElDropdownItem

src/layouts/modules/global-header/index.vue

@@ -46,7 +46,9 @@ const { isFullscreen, toggle } = useFullscreen();
         :is-dark="themeStore.darkMode"
         @switch="themeStore.toggleThemeScheme"
       />
-      <ThemeButton />
+      <div>
+        <ThemeButton />
+      </div>
       <UserAvatar />
     </div>
   </DarkModeContainer>

src/layouts/modules/global-tab/index.vue

@@ -196,7 +196,9 @@ init();
         </div>
       </BetterScroll>
     </div>
-    <ReloadButton :loading="!appStore.reloadFlag" @click="refresh" />
+    <div>
+      <ReloadButton :loading="!appStore.reloadFlag" @click="refresh" />
+    </div>
     <FullScreen :full="appStore.fullContent" @click="appStore.toggleFullContent" />
   </DarkModeContainer>
   <ContextMenu