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