Browse Source

fixed design flaw on polls page

pull/10/head
crunch 6 months ago
parent
commit
61a7b155b8
2 changed files with 13 additions and 14 deletions
  1. +1
    -1
      Consulta_project/landing/templates/landing/index_base.html
  2. +12
    -13
      Consulta_project/polls/templates/polls/polls.html

+ 1
- 1
Consulta_project/landing/templates/landing/index_base.html View File

@@ -52,7 +52,7 @@
<footer>
<div class="container">
<div class="row justify-content-center">
<div class="col-auto col-md-6 text-center item text">
<div class="col text-center item text">
<h3>Consulta</h3>
<p>Polling you can count on.</p>
</div>


+ 12
- 13
Consulta_project/polls/templates/polls/polls.html View File

@@ -2,33 +2,33 @@

{% block content %}

{% if polls %}
<div class="d-flex justify-content-center align-items-center" style="background-color: rgba(0,0,0,0.1);margin-top: 30px;font-family: Inter;height: 75vh;">
<div class="d-flex justify-content-center align-items-center" style="background-color: rgba(0,0,0,0.1);margin-top: 30px;font-family: Inter;min-height: 75vh;">
<div class="container" style="padding-bottom: 30px;padding-top: 30px;">
<div class="row d-flex d-lg-flex justify-content-center justify-content-lg-center" style="margin-top: 15px;margin-bottom: 15px;">
<div class="col d-flex d-xl-flex justify-content-center justify-content-lg-center justify-content-xl-center">
<div class="row d-flex justify-content-center" style="margin-top: 15px;margin-bottom: 15px;">
<div class="col d-flex justify-content-center">
<h2>Available Polls:</h2>
</div>
</div>


{% for poll in polls %}
{% if poll.unlocked == True %}
<div class="row d-flex d-lg-flex justify-content-center justify-content-lg-center" style="margin-right: 15vw;margin-left: 15vw;">
<div class="col-12 col-md-8 col-lg-9 col-xl-7 d-flex justify-content-center align-items-center">
{% if poll.unlocked %}
<div class="row d-flex justify-content-center" style="margin-right: 15vw;margin-left: 15vw;">
<div class="col d-flex justify-content-center align-items-center">
<h4><a href="{{ poll.get_absolute_url }}">{{ poll.name }}</a></h4>
</div>
</div>
{% else %}
<div class="row d-flex d-lg-flex justify-content-center justify-content-lg-center" style="margin-right: 15vw;margin-left: 15vw;">
<div class="col-12 col-md-8 col-lg-9 col-xl-7 d-flex justify-content-center align-items-center">
<div class="row d-flex justify-content-center" style="margin-right: 15vw;margin-left: 15vw;">
<div class="col d-flex justify-content-center align-items-center">
<h4 style="color: gray;">{{ poll.name }}</h4>
</div>
</div>
{% endif %}
{% empty %}
<div class="row d-flex d-lg-flex justify-content-center justify-content-lg-center" style="margin-right: 15vw;margin-left: 15vw;">
<div class="col-12 col-md-8 col-lg-9 col-xl-7 d-flex justify-content-center align-items-center">
<div class="row d-flex justify-content-center" style="margin-top: 15px;margin-bottom: 15px;">
<div class="col d-flex justify-content-center">
<h4>There are currently no public polls.</h4>
</div>
</div>
@@ -36,6 +36,5 @@
{% endfor %}
</div>
</div>
{% endif %}

{% endblock content %}

Loading…
Cancel
Save