forked from AkkomaGang/akkoma-fe
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:
commit
bebd5c3328
1 changed files with 5 additions and 2 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue