misskey/src/web/app/desktop/tags/set-avatar-suggestion.tag
syuilo 45e8331e26 🍣
Closes #12, #227 and #58
2017-03-18 20:05:11 +09:00

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>