fix: 🌠 fix avatar placement issue

This commit is contained in:
m5ka 2024-03-25 14:15:27 +00:00
parent bf3775d401
commit e012e32731
2 changed files with 2 additions and 2 deletions

View file

@ -83,7 +83,7 @@ a:hover, button.logout:hover {
.profile h2 { .profile h2 {
font-size: 1.8rem; font-size: 1.8rem;
font-weight: bold; font-weight: bold;
margin-block-end: 1.2rem; margin-block-end: .6rem;
color: var(--orange); color: var(--orange);
} }

View file

@ -3,13 +3,13 @@
{% block content %} {% block content %}
<div class="grid-content"> <div class="grid-content">
<aside class="profile"> <aside class="profile">
<h2>@{{ profile.username }}</h2>
<dl> <dl>
{% if profile.avatar %} {% if profile.avatar %}
<div class="double"> <div class="double">
<img src="{{ profile.avatar.url }}" alt="@{{ profile.username }}'s avatar" class="avatar"> <img src="{{ profile.avatar.url }}" alt="@{{ profile.username }}'s avatar" class="avatar">
</div> </div>
{% endif %} {% endif %}
<h2 class="double">@{{ profile.username }}</h2>
<div> <div>
<dt>{% trans %}pronouns{% endtrans %}</dt> <dt>{% trans %}pronouns{% endtrans %}</dt>
<dd>{{ profile.pronouns or "not set" }}</dd> <dd>{{ profile.pronouns or "not set" }}</dd>