Tournament front update

This commit is contained in:
Piotr Kopycki 2022-05-25 00:40:04 +02:00
parent acd1906c30
commit 7a5890af9f
3 changed files with 37 additions and 5 deletions

View File

@ -79,6 +79,14 @@
width: 50%; width: 50%;
} }
.tournamentQuestionContainer {
border-radius: 25px;
border: 2px solid #FF0B7E;
padding: 20px;
width: 1500px;
height: 150px;
}
.mainTestContainer { .mainTestContainer {
border-radius: 25px; border-radius: 25px;
border: 2px solid #FF0B7E; border: 2px solid #FF0B7E;
@ -244,6 +252,28 @@
text-decoration: inherit; text-decoration: inherit;
} }
.tournamentButton {
height: 30px;
width: 300px;
color: #FFF;
font-size: 17px;
background: #00916E;
cursor: pointer;
border-radius: 25px;
border: none;
outline: none;
}
.tournamentButton a {
color: inherit;
text-decoration: inherit;
}
.tournamentButton a:hover{
color: inherit;
text-decoration: inherit;
}
.mainTestContainer a { .mainTestContainer a {
color: inherit; color: inherit;
text-decoration: inherit; text-decoration: inherit;

View File

@ -6,7 +6,7 @@
<h1>Stwórz turniej</h1> <h1>Stwórz turniej</h1>
<form method="post" novalidate> <form method="post" novalidate>
{% for question in questions %} {% for question in questions %}
<div class="mainTestName"> <div class="tournamentQuestionContainer">
<div class="question_title" style="padding-top:15px; padding-bottom:10px; padding-left:5px;"> <div class="question_title" style="padding-top:15px; padding-bottom:10px; padding-left:5px;">
<input class="form-check-input me-1" type="radio" value={{ question.id }}> <input class="form-check-input me-1" type="radio" value={{ question.id }}>
{{ question.description }} {{ question.description }}
@ -18,11 +18,12 @@
</label> </label>
{% endfor %} {% endfor %}
</div> </div>
</div>
<br>
{% endfor %} {% endfor %}
</div>
</form> </form>
<div class="testContent"> <div class="testContent">
<input type="submit" value="Wyślij odpowiedzi"> <input type="submit" value="Utwórz turniej">
</div> </div>
{% endblock %} {% endblock %}

View File

@ -3,7 +3,8 @@
{% block title %}Turnieje{% endblock %} {% block title %}Turnieje{% endblock %}
{% block content %} {% block content %}
<h1>Twoje testy</h1> <h1>Turnieje</h1>
<button class="tournamentButton"><a href="{% url 'CreateTournament' %}">Stwórz nowy turniej</a></button><br>
{% for test in tests %} {% for test in tests %}
<div class="mainTestContainer"> <div class="mainTestContainer">
<div class="mainTestName"> <div class="mainTestName">