style: tweaked the styles of profile page

This commit is contained in:
Anand Chitipothu
2021-05-07 12:33:43 +05:30
parent c764aa6c20
commit 84b4833fed

View File

@@ -55,7 +55,6 @@
.dashboard__details {
padding-top: 2rem;
width: 80%;
}
.dashboard__course {
@@ -83,12 +82,21 @@
.dashboard__description {
height: 100px;
}
@media (max-width: 900px) {
/* .dashboard__photo {
display: none;
} */
.dashboard__parent {
flex-direction: column;
}
}
</style>
{% endblock %}
{% block page_content %}
<section>
<div class="dashboard__parent">
<div>
<div class="dashboard__photo">
{{ Profile(member.photo, member.full_name, member.abbr, "large")}}
</div>
<div class="dashboard__details">
@@ -106,26 +114,23 @@
<div>
<div class="tab-content">
<div class="tab-pane fade py-4 show active" role="tabpanel" id="home">
<div class='container'>
<div class="row row-cols-1 row-cols-xl-5 row-cols-lg-4 row-cols-md-3 row-cols-sm-2">
{% if sketches %}
{% for sketch in sketches %}
<div class="col m-4">
{{ widgets.SketchTeaser(sketch=sketch) }}
</div>
{% endfor %}
{% endif %}
<div class="row">
{% if sketches %}
{% for sketch in sketches %}
<div class="col-md-4 col-sm-6">
{{ widgets.SketchTeaser(sketch=sketch) }}
</div>
{% if not sketches %}
<p class="text-center">{{member.full_name}} has not created any skecth yet.</p>
{% endif %}
{% endfor %}
{% endif %}
</div>
{% if not sketches %}
<p class="text-center">{{member.full_name}} has not created any skecth yet.</p>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
<!-- this is a sample default web page template -->
<!-- this is a sample default web page template -->