Link the avatars in the profiles to the avatar images.

This commit is contained in:
Azareal 2019-10-30 17:14:24 +10:00
parent 8f98708087
commit 00634896ec
2 changed files with 8 additions and 1 deletions

View File

@ -5,7 +5,7 @@
<div id="profile_left_pane" class="rowmenu"> <div id="profile_left_pane" class="rowmenu">
<div class="topBlock"> <div class="topBlock">
<div class="rowitem avatarRow"> <div class="rowitem avatarRow">
<img src="{{.ProfileOwner.Avatar}}" class="avatar" alt="Avatar" title="{{.ProfileOwner.Name}}'s Avatar" aria-hidden="true" /> <a href="{{.ProfileOwner.Avatar}}"><img src="{{.ProfileOwner.Avatar}}" class="avatar" alt="Avatar" title="{{.ProfileOwner.Name}}'s Avatar" aria-hidden="true" /></a>
</div> </div>
<div class="rowitem nameRow"> <div class="rowitem nameRow">
<span class="profileName" title="{{.ProfileOwner.Name}}">{{.ProfileOwner.Name}}</span>{{if .ProfileOwner.Tag}}<span class="username" title="{{.ProfileOwner.Tag}}">{{.ProfileOwner.Tag}}</span>{{end}} <span class="profileName" title="{{.ProfileOwner.Name}}">{{.ProfileOwner.Name}}</span>{{if .ProfileOwner.Tag}}<span class="username" title="{{.ProfileOwner.Tag}}">{{.ProfileOwner.Tag}}</span>{{end}}

View File

@ -17,6 +17,13 @@
height: 64px; height: 64px;
border-radius: 32px; border-radius: 32px;
} }
.avatarRow a {
margin-left: auto;
margin-right: auto;
}
.avatarRow .avatar {
display: block;
}
.nameRow { .nameRow {
display: flex; display: flex;
flex-direction: column; flex-direction: column;