#361 - fix theme preview background

This commit is contained in:
dave 2019-02-15 07:20:52 -05:00
parent d6f9f34ad8
commit 8f0e6b5045
2 changed files with 6 additions and 2 deletions

View file

@ -68,10 +68,14 @@ export default {
logo () { return this.$store.state.instance.logo }, logo () { return this.$store.state.instance.logo },
bgStyle () { bgStyle () {
return { return {
'--body-background-image': `url(${this.background})`,
'background-image': `url(${this.background})` 'background-image': `url(${this.background})`
} }
}, },
bgAppStyle () {
return {
'--body-background-image': `url(${this.background})`
}
},
sitename () { return this.$store.state.instance.name }, sitename () { return this.$store.state.instance.name },
chat () { return this.$store.state.chat.channel.state === 'joined' }, chat () { return this.$store.state.chat.channel.state === 'joined' },
suggestionsEnabled () { return this.$store.state.instance.suggestionsEnabled }, suggestionsEnabled () { return this.$store.state.instance.suggestionsEnabled },

View file

@ -1,5 +1,5 @@
<template> <template>
<div id="app"> <div id="app" v-bind:style="bgAppStyle">
<div class="app-bg-wrapper" v-bind:style="bgStyle"></div> <div class="app-bg-wrapper" v-bind:style="bgStyle"></div>
<nav class='nav-bar container' @click="scrollToTop()" id="nav"> <nav class='nav-bar container' @click="scrollToTop()" id="nav">
<div class='logo' :style='logoBgStyle'> <div class='logo' :style='logoBgStyle'>