Troplo/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Make the profile background use a new calculated color using the theme

Browse source
This commit is contained in:
shpuld 2017-02-25 13:13:08 +02:00
parent 2b2061b03f
commit 536a7176df
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/user_card_content/user_card_content.vue
View file

@ -61,8 +61,12 @@
props: [ 'user' ], props: [ 'user' ],
computed: { computed: {
headingStyle () { headingStyle () {
let rgb = this.$store.state.config.colors['base00'].match(/\d+/g)
return { return {
'background-image': `url(${this.user.cover_photo})` backgroundColor: 'rgb(' + Math.floor(rgb[0] * 0.53) + ', ' +
Math.floor(rgb[1] * 0.56) + ', ' +
Math.floor(rgb[2] * 0.59) + ')',
backgroundImage: `url(${this.user.cover_photo})`
} }
}, },
bodyStyle () { bodyStyle () {
@ -100,7 +104,7 @@
<style lang="scss"> <style lang="scss">
.profile-panel-background { .profile-panel-background {
background-color: #121517;
background-size: cover; background-size: cover;
border-radius: 0.5em 0.5em 0 0; border-radius: 0.5em 0.5em 0 0;
} }