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: improve top bar linear-gradient transparent effect

Browse Source
This commit is contained in:
Hakadao
2024-12-01 21:52:35 +08:00
parent a6c5695995
commit 69c980c60c
2 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/contentScripts/views/App.vue
View File

@@ -259,7 +259,10 @@ provide<BewlyAppProvider>('BEWLY_APP', {
<div
pos="absolute top-0 left-0" w-full h-full
:style="{ height: showBewlyPage ? '100dvh' : '0' }"
: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">
<OverlayScrollbarsComponent ref="scrollbarRef" element="div" h-inherit defer @os-scroll="handleOsScroll">