limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-22 01:47:39 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add backgrounds in nav & settings when wallpaper in use

Browse source
This commit is contained in:
Freeplay 2023-06-16 22:54:01 -04:00
parent 16d77e6e37
commit 50e6f8bb83
2 changed files with 21 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
packages/client/src/pages/settings/index.vue
View file

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

17
packages/client/src/ui/universal.vue
View file

@ -471,6 +471,21 @@ console.log(mainRouter.currentRoute.value.name);
}
&.wallpaper {
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 {
@ -547,7 +562,7 @@ console.log(mainRouter.currentRoute.value.name);
&.wallpaper {
.contents {
background: var(--acrylicBg) !important;
backdrop-filter: blur(12px);
backdrop-filter: var(--blur, blur(12px));
}
:deep(.tl),
:deep(.notes) {