limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-14 22:17:30 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix wallpaper support for all views

Browse source
This commit is contained in:
Freeplay 2023-05-11 20:38:54 -04:00
parent 76d3ca3ece
commit d215006102
11 changed files with 20 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/backend/src/server/web/style.css
View file

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

4
packages/client/src/components/MkFolder.vue
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;

1
packages/client/src/components/MkNotes.vue
View file

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

2
packages/client/src/pages/antenna-timeline.vue
View file

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

2
packages/client/src/pages/timeline.vue
View file

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

2
packages/client/src/pages/user-list-timeline.vue
View file

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

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

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

9
packages/client/src/ui/_common_/navbar.vue
View file

@ -249,7 +249,9 @@ function more(ev: MouseEvent) {
box-sizing: border-box;
overflow: auto;
overflow-x: clip;
background: var(--navBg);
#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;

8
packages/client/src/ui/classic.vue
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 {

2
packages/client/src/ui/deck/column.vue
View file

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

2
packages/client/src/ui/universal.vue
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;