Skip to content

Commit 8531528

Browse files
committed
1 parent e5e742f commit 8531528

File tree

2 files changed

+13
-31
lines changed

2 files changed

+13
-31
lines changed

src/theme/app/_app.scss

Lines changed: 0 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,3 @@
1-
#app-mount::before {
2-
content: '';
3-
background: var(--background-image);
4-
background-position: var(--background-image-position, center);
5-
background-size: var(--background-image-size, cover);
6-
position: absolute;
7-
height: calc(100vh + (var(--background-image-blur) * 2));
8-
width: calc(100vw + (var(--background-image-blur) * 2));
9-
top: 50%;
10-
left: 50%;
11-
transform: translate(-50%, -50%);
12-
}
13-
141
#app-mount {
152
.layer-86YKbF {
163
top: var(--window-padding);

src/theme/app/_background.scss

Lines changed: 13 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,21 @@
11
#app-mount {
22
.bg-1QIAus {
3-
top: var(--window-padding);
4-
right: var(--window-padding);
5-
bottom: var(--window-padding);
6-
left: var(--window-padding);
7-
border-radius: var(--window-roundness);
8-
overflow: hidden;
3+
top: 0;
4+
right: 0;
5+
bottom: 0;
6+
left: 0;
7+
background: var(--background-image);
8+
background-position: var(--background-image-position, center);
9+
background-size: var(--background-image-size, cover);
910
&::before {
1011
content: '';
11-
background: linear-gradient(var(--tint), var(--tint)), var(--background-image);
12-
background-position: var(--background-image-position, center);
13-
background-size: var(--background-image-size, cover);
14-
background-repeat: var(--background-image-repeat, no-repeat);
15-
height: calc(100vh + (var(--background-image-blur) * 2));
16-
width: calc(100vw + (var(--background-image-blur) * 2));
17-
top: 50%;
18-
left: 50%;
19-
transform: translate(-50%, -50%);
2012
position: absolute;
21-
filter: blur(var(--background-image-blur));
22-
pointer-events: none;
23-
user-select: none;
13+
top: var(--window-padding);
14+
right: var(--window-padding);
15+
bottom: var(--window-padding);
16+
left: var(--window-padding);
17+
border-radius: var(--window-roundness);
18+
backdrop-filter: blur(var(--background-image-blur));
2419
}
2520
}
2621
[role='menu'],

0 commit comments

Comments
 (0)