This commit is contained in:
parent
776a4fe01e
commit
e2b497de2a
|
@ -2,6 +2,11 @@ ChangeLog (Release Notes)
|
||||||
=========================
|
=========================
|
||||||
主に notable な changes を書いていきます
|
主に notable な changes を書いていきます
|
||||||
|
|
||||||
|
unlereased
|
||||||
|
----------
|
||||||
|
* ユーザビリティの向上
|
||||||
|
* デザインの調整
|
||||||
|
|
||||||
2487 (2017/08/29)
|
2487 (2017/08/29)
|
||||||
-----------------
|
-----------------
|
||||||
* New: パスワードを変更する際に新しいパスワードを二度入力させる (#739)
|
* New: パスワードを変更する際に新しいパスワードを二度入力させる (#739)
|
||||||
|
|
|
@ -21,6 +21,9 @@
|
||||||
<div>
|
<div>
|
||||||
<p><i class="fa fa-info-circle"></i>%i18n:mobile.tags.mk-profile-setting.will-be-published%</p>
|
<p><i class="fa fa-info-circle"></i>%i18n:mobile.tags.mk-profile-setting.will-be-published%</p>
|
||||||
<div class="form">
|
<div class="form">
|
||||||
|
<div style={ I.banner_url ? 'background-image: url(' + I.banner_url + '?thumbnail&size=1024)' : '' } onclick={ clickBanner }>
|
||||||
|
<img src={ I.avatar_url + '?thumbnail&size=200' } alt="avatar" onclick={ clickAvatar }/>
|
||||||
|
</div>
|
||||||
<label>
|
<label>
|
||||||
<p>%i18n:mobile.tags.mk-profile-setting.name%</p>
|
<p>%i18n:mobile.tags.mk-profile-setting.name%</p>
|
||||||
<input ref="name" type="text" value={ I.name }/>
|
<input ref="name" type="text" value={ I.name }/>
|
||||||
|
@ -60,7 +63,7 @@
|
||||||
> p
|
> p
|
||||||
display block
|
display block
|
||||||
margin 0 0 8px 0
|
margin 0 0 8px 0
|
||||||
padding 16px
|
padding 12px 16px
|
||||||
color #79d4e6
|
color #79d4e6
|
||||||
//color #276f86
|
//color #276f86
|
||||||
//background #f8ffff
|
//background #f8ffff
|
||||||
|
@ -98,6 +101,20 @@
|
||||||
border-bottom solid 8px transparent
|
border-bottom solid 8px transparent
|
||||||
border-left solid 8px transparent
|
border-left solid 8px transparent
|
||||||
|
|
||||||
|
> div
|
||||||
|
height 128px
|
||||||
|
background-color #e4e4e4
|
||||||
|
border-radius 8px 8px 0 0
|
||||||
|
|
||||||
|
> img
|
||||||
|
position absolute
|
||||||
|
top 25px
|
||||||
|
left calc(50% - 40px)
|
||||||
|
width 80px
|
||||||
|
height 80px
|
||||||
|
border solid 2px #fff
|
||||||
|
border-radius 8px
|
||||||
|
|
||||||
> label
|
> label
|
||||||
display block
|
display block
|
||||||
margin 0
|
margin 0
|
||||||
|
@ -190,6 +207,16 @@
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
this.clickAvatar = e => {
|
||||||
|
this.setAvatar();
|
||||||
|
return false;
|
||||||
|
};
|
||||||
|
|
||||||
|
this.clickBanner = e => {
|
||||||
|
this.setBanner();
|
||||||
|
return false;
|
||||||
|
};
|
||||||
|
|
||||||
this.save = () => {
|
this.save = () => {
|
||||||
this.update({
|
this.update({
|
||||||
saving: true
|
saving: true
|
||||||
|
|
Loading…
Reference in New Issue