Mizah/Sharkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: performance issues & respect blur option

Browse source
This commit is contained in:
Insert5StarName 2023-10-19 14:48:31 +02:00
parent 363092d537
commit d6ebbf5721
4 changed files with 2 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

5
packages/frontend/src/pages/user/home.vue
View file

@ -367,7 +367,7 @@ onUnmounted(() => {
background-size: cover;
background-position: center;
pointer-events: none;
filter: blur(8px) opacity(0.6);
filter: var(--blur, blur(10px)) opacity(0.6);
// Funny CSS schenanigans to make background escape container
left: -100%;
top: -5%;
@ -391,7 +391,6 @@ onUnmounted(() => {
position: relative;
overflow: clip;
background: color-mix(in srgb, var(--panel) 65%, transparent);
backdrop-filter: blur(16px);
> .banner-container {
position: relative;
@ -755,7 +754,7 @@ onUnmounted(() => {
margin: calc(var(--margin) / 2) 0;
padding: calc(var(--margin) / 2) 0;
background: color-mix(in srgb, var(--bg) 65%, transparent);
backdrop-filter: blur(16px);
backdrop-filter: var(--blur, blur(15px));
border-radius: 5px;
> button {
border-radius: 5px;