diff --git a/src/components/TopBar/TopBar.vue b/src/components/TopBar/TopBar.vue
index 3abe299c..6b6eea6b 100644
--- a/src/components/TopBar/TopBar.vue
+++ b/src/components/TopBar/TopBar.vue
@@ -430,27 +430,22 @@ defineExpose({
ref="logo" href="//www.bilibili.com"
class="group logo"
:class="{ activated: popupVisible.channels }"
- flex items-center border="1 transparent hover:$bew-border-color"
- rounded="50px" p="x-4" ml--4 duration-300
- bg="hover:$bew-theme-color dark-hover:white"
- w-auto h-50px transform-gpu
+ style="backdrop-filter: var(--bew-filter-glass-1);"
+ grid="~ place-items-center" border="1 $bew-border-color"
+ rounded="50px" duration-300
+ bg="$bew-elevated hover:$bew-theme-color dark-hover:white"
+ shadow="$bew-shadow-2"
+ w-50px h-50px transform-gpu
>
+
+ >
+
@@ -819,7 +814,7 @@ defineExpose({
}
.logo.activated {
- --uno: "bg-$bew-theme-color dark:bg-white translate-x-[calc(var(--bew-base-font-size))] shadow-$bew-shadow-2";
+ --uno: "bg-$bew-theme-color dark:bg-white";
svg {
--uno: "fill-white dark:fill-$bew-theme-color";