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";