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); background-color: var(--bg);
color: var(--fg); color: var(--fg);
} }

View File

@ -144,6 +144,10 @@ export default defineComponent({
padding: var(--x-padding); padding: var(--x-padding);
-webkit-backdrop-filter: var(--blur, blur(8px)); -webkit-backdrop-filter: var(--blur, blur(8px));
backdrop-filter: var(--blur, blur(20px)); 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 { > .title {
margin: 0; margin: 0;

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -239,7 +239,13 @@ onMounted(() => {
&.wallpaper { &.wallpaper {
background: var(--wallpaperOverlay); 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 { > .columns {

View File

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

View File

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