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

perf: add transform-gpu to improve performance

Browse Source
This commit is contained in:
Hakadao
2024-05-03 23:23:56 +08:00
parent f3de2c5b1f
commit af3e7cf207
10 changed files with 19 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/contentScripts/views/Favorites/Favorites.vue
View File

@@ -258,7 +258,7 @@ function isMusic(item: FavoriteResource) {
z--1
>
<div
absolute w-full h-full backdrop-blur-40px
absolute w-full h-full backdrop-blur-40px transform-gpu
bg="$bew-fill-4"
/>
<img

4
src/contentScripts/views/Home/Home.vue
View File

@@ -206,7 +206,7 @@ function toggleTabContentLoading(loading: boolean) {
style="backdrop-filter: var(--bew-filter-glass-1)"
px-4 lh-35px h-35px bg="$bew-elevated-1 hover:$bew-elevated-1-hover" rounded="$bew-radius"
cursor-pointer shadow="$bew-shadow-1" box-border border="1 $bew-border-color" duration-300
flex="~ gap-2 items-center"
flex="~ gap-2 items-center" transform-gpu
@click="handleChangeTab(tab)"
>
<span class="text-center">{{ $t(tab.i18nKey) }}</span>
@@ -223,7 +223,7 @@ function toggleTabContentLoading(loading: boolean) {
<div
style="backdrop-filter: var(--bew-filter-glass-1)"
flex="~ gap-1 shrink-0" p-1 h-35px bg="$bew-elevated-1"
flex="~ gap-1 shrink-0" p-1 h-35px bg="$bew-elevated-1" transform-gpu
rounded="$bew-radius" shadow="$bew-shadow-1" box-border border="1 $bew-border-color"
>
<Icon

2
src/contentScripts/views/WatchLater/WatchLater.vue
View File

@@ -263,7 +263,7 @@ function jumpToLoginPage() {
z--1
>
<div
absolute w-full h-full backdrop-blur-40px
absolute w-full h-full backdrop-blur-40px transform-gpu
bg="$bew-fill-4"
/>
<img