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

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

1
packages/client/src/components/MkNotes.vue
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);

2
packages/client/src/pages/antenna-timeline.vue
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;
} }

2
packages/client/src/pages/timeline.vue
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;
} }

2
packages/client/src/pages/user-list-timeline.vue
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;
} }

1
packages/client/src/style.scss
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;

9
packages/client/src/ui/_common_/navbar.vue
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;

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

2
packages/client/src/ui/deck/column.vue
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: "";

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