diff --git a/html/src/index.pug b/html/src/index.pug
index a5a41ba2..8cadec5d 100644
--- a/html/src/index.pug
+++ b/html/src/index.pug
@@ -667,36 +667,41 @@ html
                                     el-tag.x-tag-friend(v-if="userDialog.isFriend && userDialog.friend" type="info" effect="plain" size="mini" style="margin-left:5px") Friend No.{{userDialog.friend.no}}
                                 div(style="margin-top:5px")
                                     span(v-text="userDialog.ref.statusDescription" style="font-size:12px")
-                            div(style="flex:none;margin-left:10px")
-                                el-button(v-if="userDialog.isFavorite" @click="userDialogCommand('Delete Favorite')" type="warning" icon="el-icon-star-on" circle)
-                                el-button(v-else type="default" @click="userDialogCommand('Add Favorite')" icon="el-icon-star-off" circle)
-                                el-dropdown(trigger="click" @command="userDialogCommand" size="small")
-                                    el-button(:type="(userDialog.incomingRequest || userDialog.outgoingRequest) ? 'success' : (userDialog.isBlock || userDialog.isMute || userDialog.isHideAvatar) ? 'danger' : 'default'" icon="el-icon-more" circle style="margin-left:5px")
-                                    el-dropdown-menu(#default="dropdown")
-                                        template(v-if="userDialog.ref.id === API.currentUser.id")
-                                            el-dropdown-item(icon="el-icon-s-custom" command="Show Avatar Details") Show Avatar Details
-                                            el-dropdown-item(icon="el-icon-edit" command="Edit Social Status" divided) Social Status
-                                            el-dropdown-item(icon="el-icon-edit" command="Edit Language") Language
-                                            el-dropdown-item(icon="el-icon-edit" command="Edit Bio") Bio
-                                            el-dropdown-item(icon="el-icon-switch-button" command="Logout" divided) Logout
-                                        template(v-else)
-                                            template(v-if="userDialog.isFriend")
-                                                el-dropdown-item(icon="el-icon-postcard" command="Request Invite") Request Invite
-                                                //- el-dropdown-item(icon="el-icon-message" command="Message") Message
-                                            template(v-else-if="userDialog.incomingRequest")
-                                                el-dropdown-item(icon="el-icon-check" command="Accept Friend Request") Accept Friend Request
-                                                el-dropdown-item(icon="el-icon-close" command="Decline Friend Request") Decline Friend Request
-                                            el-dropdown-item(v-else-if="userDialog.outgoingRequest" icon="el-icon-close" command="Cancel Friend Request") Cancel Friend Request
-                                            el-dropdown-item(v-else icon="el-icon-plus" command="Send Friend Request") Send Friend Request
-                                            el-dropdown-item(icon="el-icon-s-custom" command="Show Avatar Details" divided) Show Avatar Details
-                                            el-dropdown-item(v-if="userDialog.isBlock" icon="el-icon-circle-check" command="Unblock" divided style="color:#F56C6C") Unblock
-                                            el-dropdown-item(v-else icon="el-icon-circle-close" command="Block" divided) Block
-                                            el-dropdown-item(v-if="userDialog.isMute" icon="el-icon-microphone" command="Unmute" style="color:#F56C6C") Unmute
-                                            el-dropdown-item(v-else icon="el-icon-turn-off-microphone" command="Mute") Mute
-                                            el-dropdown-item(v-if="userDialog.isHideAvatar" icon="el-icon-user-solid" command="Show Avatar" style="color:#F56C6C") Show Avatar
-                                            el-dropdown-item(v-else icon="el-icon-user" command="Hide Avatar") Hide Avatar
-                                            template(v-if="userDialog.isFriend")
-                                                el-dropdown-item(icon="el-icon-delete" command="Unfriend" divided) Unfriend
+                            div(style="flex:none")
+                                div(v-if="userDialog.ref.userIcon" style="flex:none")
+                                    el-popover(placement="right" width="500px" trigger="click")
+                                        img.x-link(slot="reference" v-lazy="userDialog.ref.userIcon" style="flex:none;width:120px;height:120px;border-radius:4px")
+                                        img(v-lazy="userDialog.ref.userIcon" style="width:500px;height:500px;")
+                                div(style="margin-left: 17px;")
+                                    el-button(v-if="userDialog.isFavorite" @click="userDialogCommand('Delete Favorite')" type="warning" icon="el-icon-star-on" circle)
+                                    el-button(v-else type="default" @click="userDialogCommand('Add Favorite')" icon="el-icon-star-off" circle)
+                                    el-dropdown(trigger="click" @command="userDialogCommand" size="small")
+                                        el-button(:type="(userDialog.incomingRequest || userDialog.outgoingRequest) ? 'success' : (userDialog.isBlock || userDialog.isMute || userDialog.isHideAvatar) ? 'danger' : 'default'" icon="el-icon-more" circle style="margin-left:5px")
+                                        el-dropdown-menu(#default="dropdown")
+                                            template(v-if="userDialog.ref.id === API.currentUser.id")
+                                                el-dropdown-item(icon="el-icon-s-custom" command="Show Avatar Details") Show Avatar Details
+                                                el-dropdown-item(icon="el-icon-edit" command="Edit Social Status" divided) Social Status
+                                                el-dropdown-item(icon="el-icon-edit" command="Edit Language") Language
+                                                el-dropdown-item(icon="el-icon-edit" command="Edit Bio") Bio
+                                                el-dropdown-item(icon="el-icon-switch-button" command="Logout" divided) Logout
+                                            template(v-else)
+                                                template(v-if="userDialog.isFriend")
+                                                    el-dropdown-item(icon="el-icon-postcard" command="Request Invite") Request Invite
+                                                    //- el-dropdown-item(icon="el-icon-message" command="Message") Message
+                                                template(v-else-if="userDialog.incomingRequest")
+                                                    el-dropdown-item(icon="el-icon-check" command="Accept Friend Request") Accept Friend Request
+                                                    el-dropdown-item(icon="el-icon-close" command="Decline Friend Request") Decline Friend Request
+                                                el-dropdown-item(v-else-if="userDialog.outgoingRequest" icon="el-icon-close" command="Cancel Friend Request") Cancel Friend Request
+                                                el-dropdown-item(v-else icon="el-icon-plus" command="Send Friend Request") Send Friend Request
+                                                el-dropdown-item(icon="el-icon-s-custom" command="Show Avatar Details" divided) Show Avatar Details
+                                                el-dropdown-item(v-if="userDialog.isBlock" icon="el-icon-circle-check" command="Unblock" divided style="color:#F56C6C") Unblock
+                                                el-dropdown-item(v-else icon="el-icon-circle-close" command="Block" divided) Block
+                                                el-dropdown-item(v-if="userDialog.isMute" icon="el-icon-microphone" command="Unmute" style="color:#F56C6C") Unmute
+                                                el-dropdown-item(v-else icon="el-icon-turn-off-microphone" command="Mute") Mute
+                                                el-dropdown-item(v-if="userDialog.isHideAvatar" icon="el-icon-user-solid" command="Show Avatar" style="color:#F56C6C") Show Avatar
+                                                el-dropdown-item(v-else icon="el-icon-user" command="Hide Avatar") Hide Avatar
+                                                template(v-if="userDialog.isFriend")
+                                                    el-dropdown-item(icon="el-icon-delete" command="Unfriend" divided) Unfriend
                     el-tabs
                         el-tab-pane(label="Info")
                             div(v-if="userDialog.ref.location" style="display:flex;flex-direction:column;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee")