feat(top-bar): redesign top bar (#1159)

* feat: redesign top bar

* chore: update

src/contentScripts/views/App.vue

@@ -261,7 +261,6 @@ provide<BewlyAppProvider>('BEWLY_APP', {
       pos="absolute top-0 left-0" w-full h-full
       :style="{
         height: showBewlyPage ? '100dvh' : '0',
-        maskImage: isHomePage() ? 'linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) calc(var(--bew-top-bar-height) / 4), black var(--bew-top-bar-height), black)' : 'none',
       }"
     >
       <template v-if="showBewlyPage">

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-8 duration-300
+        pos="sticky top-[calc(var(--bew-top-bar-height)+10px)]" w-full z-9 mb-4 duration-300
         ease-in-out flex="~ justify-between items-start gap-4"
         :class="{ hide: shouldMoveTabsUp }"
       >