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: adjusted styling on Settings

Browse Source
This commit is contained in:
Hakadao
2023-07-06 02:32:24 +08:00
parent ae887e2ca8
commit 50fcf4514b
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Settings/Settings.vue
View File

@@ -46,7 +46,7 @@ function changeMenuItem(menuItem: MenuType) {
max-w-800px transform="~ translate-x--1/2"
z-9999 flex justify-between items-center
>
<aside shrink-0 px-4 pos="absolute left--82px" class="group" z-1>
<aside shrink-0 px-4 pos="absolute left--42px" class="group" z-1>
<ul
flex="~ gap-4 col" rounded="30px hover:25px" bg="$bew-content-1" p-2 shadow="$bew-shadow-3"
group-hover:scale-105 duration-300
@@ -71,13 +71,13 @@ function changeMenuItem(menuItem: MenuType) {
</ul>
</aside>
<div
relative overflow-y-scroll overflow-x-hidden w-full h-full p-8 bg="$bew-content-solid-1"
relative overflow-y-scroll overflow-x-hidden w-full h-full py-8 px-10 bg="$bew-content-solid-1"
shadow="$bew-shadow-3" rounded="$bew-radius"
>
<main relative>
<header
flex justify-between items-center w-full h-80px
pos="fixed right-0 top-0" p-8
pos="fixed right-0 top-0" py-8 px-10
bg="$bew-content-1" z-1 rounded="t-$bew-radius"
style="backdrop-filter: var(--bew-filter-glass)"
>

2
src/contentScripts/views/App.vue
View File

@@ -171,7 +171,7 @@ function setAppAppearance() {
:style="{ backdropFilter: `blur(${settings.wallpaperBlurIntensity}px)` }"
/>
<div ref="mainAppRef" text="$bew-text-1" transition="opacity duration-300" h-100vh overflow-y-scroll>
<div m-auto max-w="$bew-page-max-width" :style="{ opacity: showSettings ? 0.6 : 1 }">
<div m-auto max-w="$bew-page-max-width" :style="{ opacity: showSettings ? 0.2 : 1 }">
<Transition name="topbar">
<Topbar
v-show="settings.isShowTopbar"