Fix wallpaper support for all views

This commit is contained in:
Freeplay 2023-05-11 20:38:54 -04:00
parent 547848d663
commit e9fdd707af
11 changed files with 20 additions and 15 deletions

View File

@ -1,4 +1,4 @@
html, body {
html {
background-color: var(--bg);
color: var(--fg);
}

View File

@ -144,6 +144,10 @@ export default defineComponent({
padding: var(--x-padding);
-webkit-backdrop-filter: var(--blur, blur(8px));
backdrop-filter: var(--blur, blur(20px));
margin-inline: -12px;
padding-inline: 12px;
mask: linear-gradient(to right, transparent, black 12px calc(100% - 12px), transparent);
-webkit-mask: linear-gradient(to right, transparent, black 12px calc(100% - 12px), transparent);
> .title {
margin: 0;

View File

@ -64,7 +64,6 @@ defineExpose({
}
&:not(.noGap) {
> .notes {
background: var(--bg);
.qtqtichx {
background: var(--panel);
border-radius: var(--radius);

View File

@ -158,7 +158,7 @@ definePageMetadata(
}
> .tl {
background: var(--bg);
background: none;
border-radius: var(--radius);
overflow: clip;
}

View File

@ -391,7 +391,7 @@ onMounted(() => {
}
> .tl {
background: var(--bg);
background: none;
border-radius: var(--radius);
overflow: clip;
}

View File

@ -125,7 +125,7 @@ definePageMetadata(
}
> .tl {
background: var(--bg);
background: none;
border-radius: var(--radius);
overflow: clip;
}

View File

@ -40,7 +40,6 @@
html {
touch-action: manipulation;
background-color: var(--bg);
background-attachment: fixed;
background-size: cover;
background-position: center;

View File

@ -249,7 +249,9 @@ function more(ev: MouseEvent) {
box-sizing: border-box;
overflow: auto;
overflow-x: clip;
#calckey_app > :not(.wallpaper) & {
background: var(--navBg);
}
contain: strict;
display: flex;
flex-direction: column;
@ -293,12 +295,7 @@ function more(ev: MouseEvent) {
}
> .bottom {
position: sticky;
bottom: 0;
padding: 20px 0;
background: var(--X14);
-webkit-backdrop-filter: var(--blur, blur(8px));
backdrop-filter: var(--blur, blur(8px));
> .post {
position: relative;

View File

@ -239,7 +239,13 @@ onMounted(() => {
&.wallpaper {
background: var(--wallpaperOverlay);
//backdrop-filter: var(--blur, blur(4px));
:deep(main) {
background: var(--acrylicBg) !important;
backdrop-filter: blur(12px);
}
:deep(.tl), :deep(.notes) {
background: none !important;
}
}
> .columns {

View File

@ -323,6 +323,8 @@ function onDrop(ev) {
overflow: hidden;
contain: strict;
background: var(--bg);
&.draghover {
&:after {
content: "";

View File

@ -464,13 +464,11 @@ console.log(mainRouter.currentRoute.value.name);
> .contents {
width: 100%;
min-width: 0;
background: var(--bg);
}
> .widgets {
padding: 0 var(--margin);
border-left: solid 0.5px var(--divider);
background: var(--bg);
@media (max-width: $widgets-hide-threshold) {
display: none;