Add backgrounds in nav & settings when wallpaper in use

This commit is contained in:
Freeplay 2023-06-16 22:54:01 -04:00
parent b4f7506950
commit be413d5bd2
2 changed files with 21 additions and 1 deletions

View File

@ -331,6 +331,11 @@ definePageMetadata(INFO);
<style lang="scss" scoped> <style lang="scss" scoped>
.vvcocwet { .vvcocwet {
> .body { > .body {
.wallpaper & {
background: var(--bg);
padding: var(--margin);
border-radius: var(--radius);
}
> .nav { > .nav {
.baaadecd { .baaadecd {
> .info { > .info {

View File

@ -471,6 +471,21 @@ console.log(mainRouter.currentRoute.value.name);
} }
&.wallpaper { &.wallpaper {
background: var(--wallpaperOverlay); background: var(--wallpaperOverlay);
:deep(.sidebar .middle) {
position: relative;
&::before {
content: "";
position: absolute;
inset: -10px 10px;
background: var(--bg);
border-radius: calc((2.85rem / 2) + 5px);
opacity: 1;
}
> ._button:last-child {
margin-bottom: 0 !important;
}
}
} }
&.centered { &.centered {
@ -547,7 +562,7 @@ console.log(mainRouter.currentRoute.value.name);
&.wallpaper { &.wallpaper {
.contents { .contents {
background: var(--acrylicBg) !important; background: var(--acrylicBg) !important;
backdrop-filter: blur(12px); backdrop-filter: var(--blur, blur(12px));
} }
:deep(.tl), :deep(.tl),
:deep(.notes) { :deep(.notes) {