moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'fix/improved-profile-background-color' into 'develop' 

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

See merge request !33
This commit is contained in:
lambadalambda 2017-02-25 06:33:14 -05:00
parent e2ba7d9037 e9820326e3
commit bebd5c3328
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
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,6 @@
<style lang="scss"> <style lang="scss">
.profile-panel-background { .profile-panel-background {
background-color: #121517;
background-size: cover; background-size: cover;
border-radius: 10px; border-radius: 10px;
} }