fix: move background into seperate element to prevent it from being funny

This commit is contained in:
Insert5StarName 2023-10-17 08:23:10 +02:00
parent 6f46dfa7bb
commit 4d71afa884

View file

@ -154,6 +154,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<XListenBrainz v-if="user.listenbrainz && listenbrainzdata" :key="user.id" :user="user"/>
</div>
</div>
<div class="background"></div>
</MkSpacer>
</template>
@ -359,11 +360,9 @@ onUnmounted(() => {
</script>
<style lang="scss" scoped>
.ftskorzw {
&::before {
content: "";
.background{
position: fixed;
inset: 0;
z-index: -1;
background: var(--backgroundImageStatic);
background-size: cover;
background-position: center;
@ -375,7 +374,9 @@ onUnmounted(() => {
right: -100%;
bottom: -100%;
background-attachment: fixed;
}
}
.ftskorzw {
> .main {