fix(settings): reolve font blur issues (#1191)

Co-authored-by: IzumiMasaharu <muyunze2009@outlook.com>
This commit is contained in:
Hakadao
2024-12-15 23:06:31 +08:00
committed by GitHub
parent fc902f7e74
commit afebac00e1

View File

@@ -125,13 +125,20 @@ function setCurrentTitle() {
<ul
style="
--un-shadow: var(--bew-shadow-4), var(--bew-shadow-edge-glow-2);
backdrop-filter: var(--bew-filter-glass-2);
"
flex="~ gap-2 col" rounded="30px group-hover:25px" p-2 shadow
relative flex="~ gap-2 col" rounded="30px group-hover:25px" p-2 shadow
bg="$bew-content-alt group-hover:$bew-elevated dark:$bew-elevated dark-group-hover:$bew-elevated"
scale="group-hover:105" duration-300 overflow-hidden antialiased transform-gpu
border="1 $bew-border-color"
>
<!-- frosted glass background -->
<!-- https://github.com/BewlyBewly/BewlyBewly/issues/1162 -->
<div
style="backdrop-filter: var(--bew-filter-glass-2);"
pos="absolute top-0 left-0" z--1
w-full h-full pointer-events-none
/>
<li v-for="menuItem in settingsMenuItems" :key="menuItem.value">
<a
cursor-pointer w="40px group-hover:180px" h-40px