pleroma-fe

commit: 4f95371081fd54291e3d81d7e254e9cfa1bd5b82
parent: 7bc8fd1a5b18676861bd8ca7ff848a48ca542087
Author: HJ <spam@hjkos.com>
Date:   Fri, 15 Feb 2019 12:29:08 +0000

Merge branch 'issue-361-preview-background' into 'develop'

#361 - fix theme preview background

Closes #361

See merge request pleroma/pleroma-fe!588
Diffstat:
M
src/App.js
6
+++++-
M
src/App.vue
2
+-

2 files changed, 6 insertions(+), 2 deletions(-)
diff --git a/src/App.js b/src/App.js
@@ -68,10 +68,14 @@ export default {
     logo () { return this.$store.state.instance.logo },
     bgStyle () {
       return {
-        '--body-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 },
     chat () { return this.$store.state.chat.channel.state === 'joined' },
     suggestionsEnabled () { return this.$store.state.instance.suggestionsEnabled },
diff --git a/src/App.vue b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="app">
+  <div id="app" v-bind:style="bgAppStyle">
     <div class="app-bg-wrapper" v-bind:style="bgStyle"></div>
     <nav class='nav-bar container' @click="scrollToTop()" id="nav">
       <div class='logo' :style='logoBgStyle'>