From e0bd5d1569e1a59b4ed145b1c7a98fa9bfe9156f Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Sat, 14 Dec 2024 17:27:55 +0800
Subject: [PATCH] chore: tweak styles

---
 src/contentScripts/views/App.vue       | 2 +-
 src/contentScripts/views/Home/Home.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/contentScripts/views/App.vue b/src/contentScripts/views/App.vue
index 48b0aae0..e0c95981 100644
--- a/src/contentScripts/views/App.vue
+++ b/src/contentScripts/views/App.vue
@@ -321,7 +321,7 @@ provide<BewlyAppProvider>('BEWLY_APP', {
         <OverlayScrollbarsComponent ref="scrollbarRef" element="div" h-inherit defer @os-scroll="handleOsScroll">
           <main m-auto max-w="$bew-page-max-width">
             <div
-              p="t-[calc(var(--bew-top-bar-height)+10px)]" m-auto
+              p="t-[calc(var(--bew-top-bar-height)+20px)]" m-auto
               w="lg:[calc(100%-200px)] [calc(100%-150px)]"
             >
               <!-- control button group -->
diff --git a/src/contentScripts/views/Home/Home.vue b/src/contentScripts/views/Home/Home.vue
index f1b00eff..2584b539 100644
--- a/src/contentScripts/views/Home/Home.vue
+++ b/src/contentScripts/views/Home/Home.vue
@@ -191,7 +191,7 @@ function toggleTabContentLoading(loading: boolean) {
       </Transition>
 
       <header
-        pos="sticky top-[calc(var(--bew-top-bar-height)+10px)]" w-full z-9 mb-4 duration-300
+        pos="sticky top-[calc(var(--bew-top-bar-height)+20px)]" w-full z-9 mb-4 duration-300
         ease-in-out flex="~ justify-between items-start gap-4"
         :class="{ hide: shouldMoveTabsUp }"
       >