heartles/egirlskey
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/frontend/src/components/MkContainer.vue
View file

@ -139,7 +139,6 @@ onUnmounted(() => {
overflow: clip;
contain: content;
background: color-mix(in srgb, var(--panel) 65%, transparent);
backdrop-filter: blur(16px);
&.naked {
background: transparent !important;
box-shadow: none !important;
@ -173,7 +172,6 @@ onUnmounted(() => {
z-index: 2;
line-height: 1.4em;
background: color-mix(in srgb, var(--panelHeaderBg) 35%, transparent);
backdrop-filter: blur(16px);
}
.title {

2
packages/frontend/src/components/MkNotes.vue
View file

@ -57,7 +57,6 @@ defineExpose({
&.noGap {
> .notes {
background: color-mix(in srgb, var(--panel) 65%, transparent);
backdrop-filter: blur(16px);
}
}
@ -67,7 +66,6 @@ defineExpose({
.note {
background: color-mix(in srgb, var(--panel) 65%, transparent);
backdrop-filter: blur(16px);
border-radius: var(--radius);
}
}

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;

1
packages/frontend/src/style.scss
View file

@ -268,7 +268,6 @@ hr {
._panel {
background: color-mix(in srgb, var(--panel) 65%, transparent);
backdrop-filter: blur(16px);
border-radius: var(--radius);
overflow: clip;
}