pangea/django-musician
7
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Code styles of profile view.

Browse source
This commit is contained in:
Santiago Lamora 2019-12-17 13:04:53 +01:00
parent 7c17d929fa
commit ff481b6317
3 changed files with 51 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
musician/static/musician/css/default.css
View file

@ -247,6 +247,13 @@ h1.service-name {
font-weight: 900; font-weight: 900;
} }
.card.card-profile .card-header {
background: white;
border-bottom: none;
font-size: large;
text-transform: uppercase;
}
#configDetailsModal .modal-header { #configDetailsModal .modal-header {
border-bottom: 0; border-bottom: 0;
text-align: center; text-align: center;

BIN
musician/static/musician/images/default-profile-picture-primary-color.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

32
musician/templates/musician/profile.html
View file

@ -3,28 +3,35 @@
{% block content %} {% block content %}
<h1>Profile</h1> <h1 class="service-name">Profile</h1>
<p>Little description of what to be expected...</p> <p class="service-description">Little description of what to be expected...</p>
<div class="card"> <div class="card-deck">
<h5 class="card-header text-right">User information</h5> <div class="card card-profile">
<h5 class="card-header">User information</h5>
<div class="card-body row"> <div class="card-body row">
<div class="col-md-4"> <div class="col-md">
<div class="m-auto border border-secondary rounded-circle rounded-lg" style="width:125px; height:125px;"> <div class="border-primary rounded-circle d-inline-block p-1" style="background-color: white; border: 5px solid grey">
{# <!-- <img class="" src="#" alt="User profile image" /> -->#} <img id="user-avatar" width="160" height="160" src="/static/musician/images/default-profile-picture-primary-color.png" alt="user-profile-picture">
</div> </div>
</div> </div>
<div class="col-md-8"> <div class="col-md-9">
<p class="card-text">{{ profile.username }}</p> <p class="card-text">{{ profile.username }}</p>
<p class="card-text">{{ profile.type }}</p> <p class="card-text">{{ profile.type }}</p>
<p class="card-text">Preferred language: {{ profile.language }}</p> <p class="card-text">Preferred language: {{ profile.language }}</p>
</div> </div>
{% comment %}
<!-- disabled until set_password is implemented -->
<div class="col-md-12 text-right">
<a class="btn btn-primary pl-5 pr-5" href="#">Set new password</a>
</div>
{% endcomment %}
</div>
</div> </div>
</div>
{% with profile.billing as contact %} {% with profile.billing as contact %}
<div class="card mt-4"> <div class="card card-profile">
<h5 class="card-header text-right">Billing information</h5> <h5 class="card-header">Billing information</h5>
<div class="card-body"> <div class="card-body">
<div class="form-group">{{ contact.name }}</div> <div class="form-group">{{ contact.name }}</div>
<div class="form-group">{{ contact.address }}</div> <div class="form-group">{{ contact.address }}</div>
@ -46,6 +53,7 @@
</div> </div>
</div> </div>
</div>
</div> </div>
{% endwith %} {% endwith %}
{% endblock %} {% endblock %}