From 25065870faa9b1dc37d11785e02bacdc15f9cf0d Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Mon, 30 Oct 2023 00:09:50 +0800
Subject: [PATCH] style: adjust spacing between elements (#62)

---
 src/contentScripts/views/Anime/Anime.vue               | 2 +-
 src/contentScripts/views/Favorites/Favorites.vue       | 2 +-
 src/contentScripts/views/Home/Home.vue                 | 4 ++--
 src/contentScripts/views/Home/components/Following.vue | 2 +-
 src/contentScripts/views/Home/components/ForYou.vue    | 2 +-
 src/contentScripts/views/Home/components/Ranking.vue   | 4 +++-
 6 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/contentScripts/views/Anime/Anime.vue b/src/contentScripts/views/Anime/Anime.vue
index 165a2a49..b8c4f608 100644
--- a/src/contentScripts/views/Anime/Anime.vue
+++ b/src/contentScripts/views/Anime/Anime.vue
@@ -252,6 +252,6 @@ function getPopularAnimeList() {
 
 <style lang="scss" scoped>
 .anime-section {
-  --at-apply: mb-8 mt-14 first:mt-4;
+  --at-apply: mb-8 mt-14 first:mt-0;
 }
 </style>
diff --git a/src/contentScripts/views/Favorites/Favorites.vue b/src/contentScripts/views/Favorites/Favorites.vue
index 81823800..f6d34f78 100644
--- a/src/contentScripts/views/Favorites/Favorites.vue
+++ b/src/contentScripts/views/Favorites/Favorites.vue
@@ -172,7 +172,7 @@ function handleUnfavorite(favoriteResource: FavoriteResource) {
           <Loading v-if="isFullPageLoading" w-full h-full pos="absolute top-0 left-0" mt--50px />
         </Transition>
         <!-- favorite list -->
-        <div grid="~ 2xl:cols-4 xl:cols-3 lg:cols-2 md:cols-1 gap-4" m="t-55px b-6">
+        <div grid="~ 2xl:cols-4 xl:cols-3 lg:cols-2 md:cols-1 gap-5" m="t-55px b-6">
           <TransitionGroup name="list">
             <VideoCard
               v-for="item in favoriteResources" :id="item.id" :key="item.id"
diff --git a/src/contentScripts/views/Home/Home.vue b/src/contentScripts/views/Home/Home.vue
index 77edd2ac..b0ceb81f 100644
--- a/src/contentScripts/views/Home/Home.vue
+++ b/src/contentScripts/views/Home/Home.vue
@@ -101,7 +101,7 @@ onUnmounted(() => {
           justify-center
           items-center relative
           w-full z-10
-          h-500px mb-8
+          h-500px
         >
           <Logo
             v-if="settings.searchPageShowLogo" :size="180" :color="settings.searchPageLogoColor === 'white' ? 'white' : 'var(--bew-theme-color)'"
@@ -116,7 +116,7 @@ onUnmounted(() => {
         </div>
       </Transition>
 
-      <header pos="sticky top-80px" z-10 mb-4>
+      <header pos="sticky top-80px" z-10 mb-9>
         <ul flex="~ items-center gap-2">
           <li
             v-for="tab in tabs" :key="tab.value"
diff --git a/src/contentScripts/views/Home/components/Following.vue b/src/contentScripts/views/Home/components/Following.vue
index b8d21520..bcb911b1 100644
--- a/src/contentScripts/views/Home/components/Following.vue
+++ b/src/contentScripts/views/Home/components/Following.vue
@@ -91,7 +91,7 @@ function jumpToLoginPage() {
       v-else
       ref="containerRef"
       m="b-0 t-0" relative w-full h-full
-      grid="~ 2xl:cols-5 xl:cols-4 lg:cols-3 md:cols-2 gap-4"
+      grid="~ 2xl:cols-5 xl:cols-4 lg:cols-3 md:cols-2 gap-5"
     >
       <VideoCard
         v-for="video in videoList"
diff --git a/src/contentScripts/views/Home/components/ForYou.vue b/src/contentScripts/views/Home/components/ForYou.vue
index 731a5988..f1ec7adb 100644
--- a/src/contentScripts/views/Home/components/ForYou.vue
+++ b/src/contentScripts/views/Home/components/ForYou.vue
@@ -152,7 +152,7 @@ function jumpToLoginPage() {
       v-else
       ref="containerRef"
       m="b-0 t-0" relative w-full h-full
-      grid="~ 2xl:cols-5 xl:cols-4 lg:cols-3 md:cols-2 gap-4"
+      grid="~ 2xl:cols-5 xl:cols-4 lg:cols-3 md:cols-2 gap-5"
     >
       <template v-if="settings.recommendationMode === 'web'">
         <VideoCard
diff --git a/src/contentScripts/views/Home/components/Ranking.vue b/src/contentScripts/views/Home/components/Ranking.vue
index 1bc27f63..0c08a401 100644
--- a/src/contentScripts/views/Home/components/Ranking.vue
+++ b/src/contentScripts/views/Home/components/Ranking.vue
@@ -85,7 +85,9 @@ function getRankingPgc() {
 
 <template>
   <div flex="~ gap-40px">
-    <aside pos="sticky top-140px" h="[calc(100vh-120px)]" w-200px shrink-0>
+    <aside
+      pos="sticky top-150px" h="[calc(100vh-140px)]" w-200px shrink-0
+    >
       <OverlayScrollbarsComponent h-inherit p-20px m--20px defer>
         <ul flex="~ col gap-2">
           <li v-for="rankingType in rankingTypes" :key="rankingType.id">