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

style: adjust top panel styles

Browse Source
This commit is contained in:
Hakadao
2023-10-13 18:46:20 +08:00
parent 84fc4de79a
commit 9830a70abd
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -98,8 +98,8 @@ onUnmounted(() => {
<ul flex="~ items-center gap-2">
<li
v-for="tab in tabs" :key="tab.value"
px-4 lh-40px bg="$bew-elevated-2" backdrop-glass rounded="$bew-radius"
cursor-pointer shadow="$bew-shadow-2"
px-4 lh-35px bg="$bew-elevated-1 hover:$bew-elevated-1-hover" backdrop-glass rounded="$bew-radius"
cursor-pointer shadow="$bew-shadow-1" box-border border="1 $bew-border-color" duration-300
:class="{ 'tab-activated': activatedPage === tab.value }"
@click="activatedPage = tab.value"
>
@@ -119,5 +119,6 @@ onUnmounted(() => {
<style scoped lang="scss">
.tab-activated {
--at-apply: bg-$bew-theme-color dark:bg-white color-white dark:color-black
border-$bew-theme-color dark:border-white;
}
</style>