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

fix: topbar mask not working when scrolling down the page

Browse Source
This commit is contained in:
Hakadao
2023-07-14 01:39:25 +08:00
parent 46c35717d5
commit 73191783f1
2 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -36,6 +36,7 @@ const pages = { Home, Search, Anime, History, WatchLater, Favorites, Video }
const isVideoPage = ref<boolean>(false)
const mainAppRef = ref<HTMLElement>() as Ref<HTMLElement>
const mainAppOpacity = ref<number>(0)
const showTopbarMask = ref<boolean>(false)
const tooltipPlacement = computed(() => {
if (settings.value.dockPosition === 'left')
@@ -111,6 +112,11 @@ onMounted(() => {
>= mainAppRef.value.scrollHeight - 20
)
emitter.emit('reachBottom')
if (mainAppRef.value.scrollTop === 0)
showTopbarMask.value = false
else
showTopbarMask.value = true
})
}
@@ -176,6 +182,7 @@ function setAppAppearance() {
<Topbar
v-show="settings.isShowTopbar"
:show-search-bar="activatedPage !== AppPage.Search"
:show-topbar-mask="showTopbarMask"
class="absolute top-0 left-0 z-50"
/>
</Transition>