From 50fcf4514bb0cc512b56e477e9b843f721f384ca Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Thu, 6 Jul 2023 02:32:24 +0800
Subject: [PATCH] style: adjusted styling on `Settings`

---
 src/components/Settings/Settings.vue | 6 +++---
 src/contentScripts/views/App.vue     | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Settings/Settings.vue b/src/components/Settings/Settings.vue
index 2086d671..8ef64b3f 100644
--- a/src/components/Settings/Settings.vue
+++ b/src/components/Settings/Settings.vue
@@ -46,7 +46,7 @@ function changeMenuItem(menuItem: MenuType) {
     max-w-800px transform="~ translate-x--1/2"
     z-9999 flex justify-between items-center
   >
-    <aside shrink-0 px-4 pos="absolute left--82px" class="group" z-1>
+    <aside shrink-0 px-4 pos="absolute left--42px" class="group" z-1>
       <ul
         flex="~ gap-4 col" rounded="30px hover:25px" bg="$bew-content-1" p-2 shadow="$bew-shadow-3"
         group-hover:scale-105 duration-300
@@ -71,13 +71,13 @@ function changeMenuItem(menuItem: MenuType) {
       </ul>
     </aside>
     <div
-      relative overflow-y-scroll overflow-x-hidden w-full h-full p-8 bg="$bew-content-solid-1"
+      relative overflow-y-scroll overflow-x-hidden w-full h-full py-8 px-10 bg="$bew-content-solid-1"
       shadow="$bew-shadow-3" rounded="$bew-radius"
     >
       <main relative>
         <header
           flex justify-between items-center w-full h-80px
-          pos="fixed right-0 top-0" p-8
+          pos="fixed right-0 top-0" py-8 px-10
           bg="$bew-content-1" z-1 rounded="t-$bew-radius"
           style="backdrop-filter: var(--bew-filter-glass)"
         >
diff --git a/src/contentScripts/views/App.vue b/src/contentScripts/views/App.vue
index 33341dbb..290ed2cb 100644
--- a/src/contentScripts/views/App.vue
+++ b/src/contentScripts/views/App.vue
@@ -171,7 +171,7 @@ function setAppAppearance() {
     :style="{ backdropFilter: `blur(${settings.wallpaperBlurIntensity}px)` }"
   />
   <div ref="mainAppRef" text="$bew-text-1" transition="opacity duration-300" h-100vh overflow-y-scroll>
-    <div m-auto max-w="$bew-page-max-width" :style="{ opacity: showSettings ? 0.6 : 1 }">
+    <div m-auto max-w="$bew-page-max-width" :style="{ opacity: showSettings ? 0.2 : 1 }">
       <Transition name="topbar">
         <Topbar
           v-show="settings.isShowTopbar"