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"/> <XListenBrainz v-if="user.listenbrainz && listenbrainzdata" :key="user.id" :user="user"/>
</div> </div>
</div> </div>
<div class="background"></div>
</MkSpacer> </MkSpacer>
</template> </template>
@ -359,11 +360,9 @@ onUnmounted(() => {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.ftskorzw { .background{
&::before {
content: "";
position: fixed; position: fixed;
inset: 0; z-index: -1;
background: var(--backgroundImageStatic); background: var(--backgroundImageStatic);
background-size: cover; background-size: cover;
background-position: center; background-position: center;
@ -377,6 +376,8 @@ onUnmounted(() => {
background-attachment: fixed; background-attachment: fixed;
} }
.ftskorzw {
> .main { > .main {
> .punished { > .punished {