steve
/
mybuddy
mirror of https://github.com/snachodog/mybuddy.git
1
0
Fork 0
Code Issues 3 Packages Projects 1 Releases Wiki Activity

Use Bootstrap card columns for Child Dashboard.

This commit is contained in:
Christopher Charbonneau Wells 2018-07-31 19:57:01 -07:00
parent 9f0a99d72e
commit 7382e74d78
2 changed files with 18 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
dashboard/static_src/scss/dashboard.scss
View File

@ -0,0 +1,7 @@
@include media-breakpoint-between(sm, md) {
#dashboard-child {
&.card-columns {
column-count: 2;
}
}
}

8
dashboard/templates/dashboard/child.html
View File

@ -10,24 +10,18 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div id="dashboard-child" class="row align-items-start"> <div id="dashboard-child" class="card-columns">
<div class="col-lg-4 col-md-6 col-sm-12">
{% card_feeding_last object %} {% card_feeding_last object %}
{% card_feeding_last_method object %} {% card_feeding_last_method object %}
{% card_timer_list %} {% card_timer_list %}
{% card_statistics object %} {% card_statistics object %}
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
{% card_sleep_last object %} {% card_sleep_last object %}
{% card_sleep_day object %} {% card_sleep_day object %}
{% card_sleep_naps_day object %} {% card_sleep_naps_day object %}
{% card_tummytime_day object %} {% card_tummytime_day object %}
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
{% card_diaperchange_last object %} {% card_diaperchange_last object %}
{% card_diaperchange_types object %} {% card_diaperchange_types object %}
</div> </div>
</div>
{% endblock %} {% endblock %}
{% block javascript %} {% block javascript %}