From 33cf618bf43da8dfb310205d89b6f6d6f9375bf0 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Sun, 10 Sep 2023 14:10:39 +0800
Subject: [PATCH] style: adjust top bar height

---
 src/components/SearchBar/SearchBar.vue | 1 +
 src/components/Topbar/Topbar.vue       | 8 ++++----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/SearchBar/SearchBar.vue b/src/components/SearchBar/SearchBar.vue
index 6a38ebad..f61895be 100644
--- a/src/components/SearchBar/SearchBar.vue
+++ b/src/components/SearchBar/SearchBar.vue
@@ -151,6 +151,7 @@ function handleKeyDown() {
         v-model.trim="keyword"
         rounded="60px focus:$bew-radius"
         p="l-6 r-16 y-3"
+        h-50px
         text="$bew-text-1"
         un-border="3 solid transparent focus:$bew-theme-color"
         transition="all duration-300"
diff --git a/src/components/Topbar/Topbar.vue b/src/components/Topbar/Topbar.vue
index 4d9bc3fb..039ed62b 100644
--- a/src/components/Topbar/Topbar.vue
+++ b/src/components/Topbar/Topbar.vue
@@ -199,7 +199,7 @@ async function getNewMomentsCount() {
     items-center
     p="lg:x-20 md:x-16 x-14"
     w="screen"
-    h="80px"
+    h="70px"
   >
     <Transition name="fade">
       <div
@@ -556,7 +556,7 @@ async function getNewMomentsCount() {
 }
 
 .right-side {
-  --at-apply: flex h-60px items-center rounded-full p-2
+  --at-apply: flex h-55px items-center rounded-full p-2
     bg-$bew-content-1 text-$bew-text-1;
   backdrop-filter: var(--bew-filter-glass);
   box-shadow: var(--bew-shadow-2);
@@ -571,7 +571,7 @@ async function getNewMomentsCount() {
   }
 
   .right-side-item {
-    --at-apply: relative text-$bew-text-1 mx-2;
+    --at-apply: relative text-$bew-text-1;
 
     &:not(.avatar) {
       a {
@@ -582,7 +582,7 @@ async function getNewMomentsCount() {
 
     &:not(.avatar):not(.upload) a:not(.login) {
       --un-drop-shadow: drop-shadow(0 0 6px white);
-      --at-apply:dark:filter dark-hover:bg-white dark-hover:text-black
+      --at-apply: mx-1 dark:filter dark-hover:bg-white dark-hover:text-black
         hover:bg-$bew-fill-2;
     }