Improve profile pic styling on user profile page

This commit is contained in:
rubenwardy 2018-12-25 18:25:25 +00:00
parent 7801be3d39
commit d04e060854
1 changed files with 67 additions and 67 deletions

View File

@ -19,6 +19,17 @@
<div class="col-sm-6">
<div class="card">
<h2 class="card-header">{{ user.display_name }}</h2>
<div class="card-body row">
<div class="col-md-2">
{% if user.email %}
<a class="btn btn-primary" href="https://en.gravatar.com/">
{% endif %}
<img class="img-responsive user-photo img-thumbnail img-thumbnail-1" src="{{ (user.email or '') | gravatar }}">
{% if user.email %}
</a>
{% endif %}
</div>
<div class="col">
<table class="table">
<tr>
<td>Rank:</td>
@ -53,6 +64,20 @@
</td>
</tr>
{% if user == current_user %}
<tr>
<td>Profile Picture:</td>
<td>
{% if user.email %}
<a class="btn btn-primary" href="https://en.gravatar.com/">
Gravatar
</a>
{% else %}
<p>
Please add an email to your profile.
</p>
{% endif %}
</td>
</tr>
<tr>
<td>Password:</td>
<td>
@ -66,31 +91,6 @@
{% endif %}
</table>
</div>
<div class="row mt-4">
<div class="col-md-2">
<img class="img-responsive user-photo img-thumbnail img-thumbnail-1" src="{{ (user.email or '') | gravatar }}">
</div>
<div class="col">
<div class="card">
<div class="card-header">
Profile Picture
</div>
<div class="card-body">
<p>ContentDB uses Gravatar for profile pictures</p>
{% if user == current_user %}
{% if user.email %}
<a class="btn btn-primary" href="https://en.gravatar.com/">
Gravatar
</a>
{% else %}
<p>
Please add an email to your profile.
</p>
{% endif %}
{% endif %}
</div>
</div>
</div>
</div>
</div>
@ -135,7 +135,7 @@
<p class="card-body">
List of your forum topics which do not have a matching package.
Topics with a strikethrough have beened marked as discarded.
Topics with a strikethrough have been marked as discarded.
</p>
{% from "macros/topics.html" import render_topics_table %}