Add logo.

This commit is contained in:
Roger Braun 2017-02-16 17:44:36 +01:00
parent a3b2be09b3
commit ce5b3d4c92
6 changed files with 10 additions and 3 deletions

View file

@ -19,6 +19,7 @@ export default {
background () { background () {
return this.currentUser.background_image || this.$store.state.config.background return this.currentUser.background_image || this.$store.state.config.background
}, },
logoStyle () { return { 'background-image': `url(${this.$store.state.config.logo})` } },
style () { return { 'background-image': `url(${this.background})` } }, style () { return { 'background-image': `url(${this.background})` } },
sitename () { return this.$store.state.config.name } sitename () { return this.$store.state.config.name }
}, },

View file

@ -63,6 +63,10 @@ nav {
align-items: center; align-items: center;
flex-basis: 920px; flex-basis: 920px;
margin: auto; margin: auto;
height: 50px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
} }
} }

View file

@ -1,7 +1,7 @@
<template> <template>
<div id="app" v-bind:style="style" class="base02-background"> <div id="app" v-bind:style="style" class="base02-background">
<nav class='container base01-background base04'> <nav class='container base01-background base04'>
<div class='inner-nav'> <div class='inner-nav' :style="logoStyle">
<div class='item'> <div class='item'>
<a route-to='friends-timeline' href="#">{{sitename}}</a> <a route-to='friends-timeline' href="#">{{sitename}}</a>
</div> </div>

View file

@ -71,8 +71,9 @@ new Vue({
window.fetch('/static/config.json') window.fetch('/static/config.json')
.then((res) => res.json()) .then((res) => res.json())
.then(({name, theme, background}) => { .then(({name, theme, background, logo}) => {
store.dispatch('setOption', { name: 'name', value: name }) store.dispatch('setOption', { name: 'name', value: name })
store.dispatch('setOption', { name: 'theme', value: theme }) store.dispatch('setOption', { name: 'theme', value: theme })
store.dispatch('setOption', { name: 'background', value: background }) store.dispatch('setOption', { name: 'background', value: background })
store.dispatch('setOption', { name: 'logo', value: logo })
}) })

View file

@ -1,5 +1,6 @@
{ {
"name": "Pleroma FE", "name": "Pleroma FE",
"theme": "base16-ashes.css", "theme": "base16-ashes.css",
"background": "/static/bg.jpg" "background": "/static/bg.jpg",
"logo": "/static/logo.png"
} }

BIN
static/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB