Fix teams on dashboard
Use rows and columns for team layout instead of card group.
This commit is contained in:
parent
4d5826c039
commit
e2411ab4c5
2 changed files with 18 additions and 20 deletions
|
@ -111,29 +111,27 @@
|
|||
</div>
|
||||
{% if user.memberships.exists %}
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h3>Your Teams</h3>
|
||||
<div class="card-deck">
|
||||
<h3 class="col-12">Your Teams</h3>
|
||||
</div>
|
||||
<div class="row">
|
||||
{% for membership in user.memberships.all %}
|
||||
<div class="col-6">
|
||||
{% include "symposion/teams/_team_row.html" with team=membership.team %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if available_teams %}
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h3>Available Teams</h3>
|
||||
<h3 class="col-12">Available Teams</h3>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="card-deck">
|
||||
<div class="row">
|
||||
{% for team in available_teams %}
|
||||
<div class="col-6">
|
||||
{% include "symposion/teams/_team_row.html" %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
|
@ -1,8 +1,8 @@
|
|||
<div class="card mx-4 my-4">
|
||||
<div class="card card-default mb-3">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">{{ team.name|title }}</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h4 class="card-title">
|
||||
{{ team.name|title }}
|
||||
</h4>
|
||||
{% if membership %}
|
||||
<small class="badge float-right badge-pill badge-{% if membership.state == 'invited' %}info{% else %}primary{% endif %}">{{ membership.get_state_display }}</small>
|
||||
{% endif %}
|
||||
|
|
Loading…
Reference in a new issue