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

chore: tweak styles

Browse Source
This commit is contained in:
Hakadao
2024-12-09 22:26:18 +08:00
parent 1d3c303a57
commit 19965abc6e
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -229,7 +229,7 @@ function toggleTabContentLoading(loading: boolean) {
v-show="activatedPage === tab.page && tabContentLoading"
i-svg-spinners:ring-resize
pos="absolute right-4px top-4px" duration-300
text="8px $bew-text-auto"
text="8px $bew-text-2"
/>
</Transition>
</button>
@@ -247,8 +247,9 @@ function toggleTabContentLoading(loading: boolean) {
<div
v-for="icon in gridLayoutIcons" :key="icon.value"
:style="{
backgroundColor: gridLayout.home === icon.value ? 'var(--bew-theme-color-auto)' : '',
color: gridLayout.home === icon.value ? 'var(--bew-text-auto)' : 'unset',
backgroundColor: gridLayout.home === icon.value ? 'var(--bew-fill-3)' : '',
color: gridLayout.home === icon.value ? 'var(--bew-text-1)' : 'var(--bew-text-2)',
fontWeight: gridLayout.home === icon.value ? 'bold' : 'normal',
}"
flex="~ justify-center items-center"
h-full aspect-square
@@ -315,6 +316,6 @@ function toggleTabContentLoading(loading: boolean) {
}
.tab-activated {
--uno: "bg-$bew-theme-color-auto text-$bew-text-auto border-$bew-theme-color dark:border-white";
--uno: "bg-$bew-fill-3 text-$bew-text-1 fw-bold";
}
</style>