fix: course banner spaces

This commit is contained in:
Jannat Patel
2022-05-11 15:07:26 +05:30
parent 72a5e9eb05
commit 0d38b9aab1
2 changed files with 51 additions and 45 deletions

View File

@@ -305,6 +305,7 @@ input[type=checkbox] {
font-size: var(--text-3xl); font-size: var(--text-3xl);
line-height: 44px; line-height: 44px;
color: var(--gray-900); color: var(--gray-900);
margin: 0.25rem 0;
} }
.button { .button {
@@ -567,7 +568,7 @@ input[type=checkbox] {
font-size: var(--text-base); font-size: var(--text-base);
line-height: 20px; line-height: 20px;
color: var(--gray-900); color: var(--gray-900);
padding: 1rem 0; padding: 0;
} }
.course-details-outline { .course-details-outline {
@@ -1166,10 +1167,6 @@ pre {
margin: 0 1rem; margin: 0 1rem;
} }
.course-head-container .progress {
margin-top: 1rem;
}
.course-overlay-card { .course-overlay-card {
background-color: white; background-color: white;
border-radius: var(--border-radius-lg); border-radius: var(--border-radius-lg);
@@ -1271,7 +1268,7 @@ pre {
} }
.vertical-divider { .vertical-divider {
margin: 1rem 0; margin: 1rem;
} }
} }
@@ -1292,6 +1289,7 @@ pre {
.vertical-divider { .vertical-divider {
border: 1px solid var(--gray-300); border: 1px solid var(--gray-300);
margin: 0 1rem;
} }
.avg-rating-stars { .avg-rating-stars {
@@ -1432,3 +1430,8 @@ pre {
float: right; float: right;
font-size: var(--text-sm); font-size: var(--text-sm);
} }
li {
line-height: 1.7;
}

View File

@@ -28,8 +28,8 @@
{% macro CourseHomeHeader(course) %} {% macro CourseHomeHeader(course) %}
<div class="course-head-container"> <div class="course-head-container">
<div class="container pt-5 pb-5"> <div class="container pt-10 pb-10">
<div class="course-card-wide" style=""> <div class="course-card-wide">
{{ BreadCrumb(course) }} {{ BreadCrumb(course) }}
{{ CourseCardWide(course) }} {{ CourseCardWide(course) }}
</div> </div>
@@ -49,7 +49,7 @@
{% macro CourseCardWide(course) %} {% macro CourseCardWide(course) %}
<div class=""> <div class="">
<div class="d-flex align-items-center mt-2"> <div class="d-flex align-items-center mt-10">
{% for tag in get_tags(course.name) %} {% for tag in get_tags(course.name) %}
<div class="course-card-pills">{{ tag }}</div> <div class="course-card-pills">{{ tag }}</div>
{% endfor %} {% endfor %}
@@ -61,16 +61,7 @@
{{ course.short_introduction }} {{ course.short_introduction }}
</div> </div>
{% if membership %} <div class="mt-10">
{% set progress = frappe.utils.cint(membership.progress) %}
<div class="progress" title="{{ progress }}% Completed">
<div class="progress-bar" role="progressbar" aria-valuenow="{{ progress }}"
aria-valuemin="0" aria-valuemax="100" style="width:{{ progress }}%">
</div>
</div>
{% endif %}
<div class="mt-6">
<div class="bold-heading">Instructors:</div> <div class="bold-heading">Instructors:</div>
{% for instructor in get_instructors(course.name) %} {% for instructor in get_instructors(course.name) %}
<div class="mt-1"> <div class="mt-1">
@@ -82,6 +73,18 @@
{% endfor %} {% endfor %}
</div> </div>
{% if membership %}
{% set progress = frappe.utils.cint(membership.progress) %}
<div class="mt-10">
<div class="progress-percent m-0">{{ progress }}% Completed</div>
<div class="progress" title="{{ progress }}% Completed">
<div class="progress-bar" role="progressbar" aria-valuenow="{{ progress }}"
aria-valuemin="0" aria-valuemax="100" style="width:{{ progress }}%">
</div>
</div>
</div>
{% endif %}
</div> </div>
{% endmacro%} {% endmacro%}