From 6607aa9a9e1bb0a68898dceb87187536dc26b805 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Sun, 13 Aug 2023 22:35:49 +0800
Subject: [PATCH] style: adjust settings panel style

---
 src/components/Settings/Settings.vue              | 2 +-
 src/components/Settings/components/Appearance.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Settings/Settings.vue b/src/components/Settings/Settings.vue
index 558b12e1..df34bb86 100644
--- a/src/components/Settings/Settings.vue
+++ b/src/components/Settings/Settings.vue
@@ -74,7 +74,7 @@ function setCurrentTitle() {
 
   <div
     id="settings-window" pos="fixed md:top-1/5 top-0 left-1/2" w="full lg:2/3 md:2/3" h="full md:1/2"
-    max-w-850px transform="~ translate-x--1/2"
+    max-w-820px transform="~ translate-x--1/2"
     z-9999 flex justify-between items-center
   >
     <aside class="group" shrink-0 p="x-2 md:x-4" pos="absolute left-0 md:left--42px" z-2>
diff --git a/src/components/Settings/components/Appearance.vue b/src/components/Settings/components/Appearance.vue
index ce26d697..9adb7182 100644
--- a/src/components/Settings/components/Appearance.vue
+++ b/src/components/Settings/components/Appearance.vue
@@ -61,7 +61,7 @@ function changeWallpaper(url: string) {
 
 <template>
   <SettingItem :title="$t('settings.theme_color')">
-    <div flex="~ gap-2 wrap">
+    <div flex="~ gap-2 wrap" justify-end>
       <div
         v-for="color in themeColorOptions" :key="color"
         w-20px h-20px rounded-8 cursor-pointer transition duration-300