renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

style: adjust top bar height

Browse Source
This commit is contained in:
Hakadao
2023-09-10 14:10:39 +08:00
parent f463a1b36a
commit 33cf618bf4
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/SearchBar/SearchBar.vue
View File

@@ -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"

8
src/components/Topbar/Topbar.vue
View File

@@ -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;
}