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

refactor: unify elevated elements color

Browse Source
This commit is contained in:
Hakadao
2024-06-27 01:06:46 +08:00
parent 36c4bd2888
commit 4fe4c92733
34 changed files with 67 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -193,7 +193,7 @@ function isMusic(item: FavoriteResource) {
<div
fixed z-10 absolute p-2 flex="~ gap-2"
items-center
bg="$bew-elevated-solid-1" rounded="$bew-radius" shadow="$bew-shadow-2" mt--2 transition="all 300 ease-in-out"
bg="$bew-elevated-solid" rounded="$bew-radius" shadow="$bew-shadow-2" mt--2 transition="all 300 ease-in-out"
:class="{ hide: shouldMoveCtrlBarUp }"
>
<Select v-model="selectedCategory" w-150px :options="categoryOptions" @change="(val) => changeCategory(val.value)" />

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

@@ -200,7 +200,7 @@ function toggleTabContentLoading(loading: boolean) {
v-for="tab in currentTabs" :key="tab.page"
:class="{ 'tab-activated': activatedPage === tab.page }"
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"
px-4 lh-35px h-35px bg="$bew-elevated hover:$bew-elevated-hover" rounded="$bew-radius"
cursor-pointer shadow="$bew-shadow-1" box-border border="1 $bew-border-color" duration-300
flex="~ gap-2 items-center" relative
@click="handleChangeTab(tab)"
@@ -221,7 +221,7 @@ function toggleTabContentLoading(loading: boolean) {
<div
v-if="settings.enableGridLayoutSwitcher"
style="backdrop-filter: var(--bew-filter-glass-1)"
flex="~ gap-1 shrink-0" p-1 h-35px bg="$bew-elevated-1" transform-gpu
flex="~ gap-1 shrink-0" p-1 h-35px bg="$bew-elevated" transform-gpu
ml-auto rounded="$bew-radius" shadow="$bew-shadow-1" box-border border="1 $bew-border-color"
>
<div

2
src/contentScripts/views/Home/components/ForYou.vue
View File

@@ -434,7 +434,7 @@ defineExpose({ initData })
<div
style="backdrop-filter: var(--bew-filter-glass-1);"
:style="{ transform: `translate(${videoOptionsPosition.left}, ${videoOptionsPosition.top})` }"
p-2 bg="$bew-elevated-1" rounded="$bew-radius" pos="absolute top-0 left-0"
p-2 bg="$bew-elevated" rounded="$bew-radius" pos="absolute top-0 left-0"
w-150px m="t-4 l-[calc(-150px+1rem)]"
shadow="$bew-shadow-1" z-10
>