|
1 | 1 | #app-mount { |
2 | 2 | .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); |
9 | 10 | &::before { |
10 | 11 | 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%); |
20 | 12 | 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)); |
24 | 19 | } |
25 | 20 | } |
26 | 21 | [role='menu'], |
|
0 commit comments