45e8331e26
Closes #12, #227 and #58
49 lines
798 B
HTML
49 lines
798 B
HTML
<mk-set-avatar-suggestion onclick={ set }>
|
|
<p><b>アバターを設定</b>してみませんか?
|
|
<button onclick={ close }><i class="fa fa-times"></i></button>
|
|
</p>
|
|
<style>
|
|
:scope
|
|
display block
|
|
cursor pointer
|
|
color #fff
|
|
background #a8cad0
|
|
|
|
&:hover
|
|
background #70abb5
|
|
|
|
> p
|
|
display block
|
|
margin 0 auto
|
|
padding 8px
|
|
max-width 1024px
|
|
|
|
> a
|
|
font-weight bold
|
|
color #fff
|
|
|
|
> button
|
|
position absolute
|
|
top 0
|
|
right 0
|
|
padding 8px
|
|
color #fff
|
|
|
|
</style>
|
|
<script>
|
|
import updateAvatar from '../scripts/update-avatar';
|
|
|
|
this.mixin('i');
|
|
|
|
this.set = () => {
|
|
updateAvatar(this.I);
|
|
};
|
|
|
|
this.close = e => {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
this.unmount();
|
|
};
|
|
</script>
|
|
</mk-set-avatar-suggestion>
|