mirror/hotomoe
1
0
Fork 0
mirror of https://github.com/hotomoe/hotomoe synced 2024-12-05 02:08:14 +09:00
Code

wip

Browse Source
This commit is contained in:
syuilo 2018-09-27 01:54:10 +09:00
parent dabda21eb7
commit 3304cc106e
No known key found for this signature in database
GPG Key ID: BDC4C49D06AB9D69
1 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/client/app/common/views/components/avatar.vue
View File

@ -58,6 +58,9 @@ export default Vue.extend({
}; };
} }
}, },
mounted() {
this.$el.style.color = `rgb(${this.user.avatarColor.slice(0, 3).join(',')})`;
},
methods: { methods: {
onClick(e) { onClick(e) {
this.$emit('click', e); this.$emit('click', e);
@ -67,8 +70,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.mk-avatar
root(isDark)
display inline-block display inline-block
vertical-align bottom vertical-align bottom
@ -79,7 +81,7 @@ root(isDark)
&.cat::before, &.cat::before,
&.cat::after &.cat::after
background #df548f background #df548f
border solid 4px isDark ? #e0eefd : #202224 border solid 4px currentColor
box-sizing border-box box-sizing border-box
content '' content ''
display inline-block display inline-block
@ -105,9 +107,4 @@ root(isDark)
transition border-radius 1s ease transition border-radius 1s ease
z-index 1 z-index 1
.mk-avatar[data-darkmode]
root(true)
.mk-avatar:not([data-darkmode])
root(false)
</style> </style>