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

feat: apply black gradient mask below topbar when in search page mode

Browse Source 
* feat: use white color logo when in search page mode or under customize wallpaper option
This commit is contained in:
Hakadao
2023-10-17 23:34:59 +08:00
parent 63a89693e6
commit e6ddfc5ba4
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -211,10 +211,13 @@ async function getTopbarNewMomentsCount() {
class="fixed top-0 left-0"
w="full"
h="80px"
opacity="60"
opacity="80"
pointer-events-none
z--1
:style="{ background: settings.wallpaper && isHomePage ? 'linear-gradient(rgba(0,0,0,0.5), transparent)' : `linear-gradient(var(--bew-homepage-bg), transparent)` }"
:style="{
background: (settings.wallpaper || settings.useSearchPageModeOnHomePage) && isHomePage
? 'linear-gradient(rgba(0,0,0,0.6), transparent)' : `linear-gradient(var(--bew-homepage-bg), transparent)`
}"
/>
</Transition>
@@ -227,6 +230,7 @@ async function getTopbarNewMomentsCount() {
<a
v-if="showLogo"
ref="logo" class="logo" href="//www.bilibili.com"
:style="{ fill: (settings.wallpaper || settings.useSearchPageModeOnHomePage) && isHomePage ? 'white' : 'var(--bew-logo-color)' }"
>
<svg
t="1645466458357"
@@ -546,9 +550,8 @@ async function getTopbarNewMomentsCount() {
}
svg {
--drop-shadow: 0 0 1px rgba(0,0,0,0.2), 0 4px 6px rgba(0,0,0,0.3);
--at-apply: w-60px h-auto filter fill-$bew-logo-color;
filter: drop-shadow(0 0 1px rgba(0,0,0,0.2)) drop-shadow(0 4px 6px rgba(0,0,0,0.3));
--at-apply: w-60px h-auto filter;
filter: drop-shadow(0 4px 6px rgba(0,0,0,0.3));
&:nth-child(2) {
--at-apply: duration-300;