diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/court.j2 | 2 | ||||
| -rw-r--r-- | templates/courts.j2 | 2 | ||||
| -rw-r--r-- | templates/games.j2 | 6 | ||||
| -rw-r--r-- | templates/index.j2 | 15 | ||||
| -rw-r--r-- | templates/player.j2 | 2 | ||||
| -rw-r--r-- | templates/players.j2 | 2 |
6 files changed, 16 insertions, 13 deletions
diff --git a/templates/court.j2 b/templates/court.j2 index 5eeb65a..859c942 100644 --- a/templates/court.j2 +++ b/templates/court.j2 @@ -1 +1 @@ -<button class={% if status %} "button is-success" {% else %} "button is-danger" {% endif %} hx-post="{{ "/court-toggle/" ~ id}}" hx-trigger="click" hx-swap="outerHTML">{{ id }}</button>
\ No newline at end of file +<button class={% if status %} "button is-success is-large" {% else %} "button is-danger is-large" {% endif %} hx-post="{{ "/court-toggle/" ~ id}}" hx-trigger="click" hx-swap="outerHTML">{{ id }}</button>
\ No newline at end of file diff --git a/templates/courts.j2 b/templates/courts.j2 index 5dc64f9..2bc8a95 100644 --- a/templates/courts.j2 +++ b/templates/courts.j2 @@ -2,7 +2,7 @@ <div class="grid"> {% for key, value in courts.items() %} <div class="cell"> - <button class={% if value %} "button is-success" {% else %} "button is-danger" {% endif %} + <button class={% if value %} "button is-success is-large" {% else %} "button is-danger is-large" {% endif %} hx-post="{{ "/court-toggle/" ~ key}}" hx-trigger="click" hx-swap="outerHTML">{{ key }}</button> diff --git a/templates/games.j2 b/templates/games.j2 index 55cabf4..50e1087 100644 --- a/templates/games.j2 +++ b/templates/games.j2 @@ -3,14 +3,14 @@ <th colspan="5" align="center"> {{ title }} </th> </thead> <thead> - <th> Court </th> + <th align="center"> Court </th> <th colspan="2" align="center"> Team 1 </th> <th colspan="2" align="center"> Team 2 </th> </thead> <tbody> -{% for _, game in games.items() %} +{% for game in games %} <tr> - <th>{{ game.court }}</th> + <th align="center">{{ game.court }}</th> <td>{{ game.team1.player1 }}</th> <td>{{ game.team1.player2 }}</th> <td>{{ game.team2.player1 }}</th> diff --git a/templates/index.j2 b/templates/index.j2 index 3a2118b..40d0eb1 100644 --- a/templates/index.j2 +++ b/templates/index.j2 @@ -9,10 +9,13 @@ <script src="https://unpkg.com/htmx.org@2.0.0/dist/htmx.min.js"></script> <style> button, input, .select, .select select { - width: 100%; + width: 100%; } + table { + font-size: 30px; + } td { - width: 20%; + width: 20%; } </style> </head> @@ -26,7 +29,7 @@ <p class="title">Games</p> <div class="columns"> <div class="column"> - <div class="select"> + <div class="select is-large"> <select name="type"> <option>10 Levels</option> <option>8 Levels</option> @@ -38,14 +41,14 @@ </div> </div> <div class="column"> - <button class="button is-success" hx-post="/propose" hx-trigger="click" hx-target="#games" hx-include="[name='type']">Propose</button> + <button class="button is-dark is-large" hx-post="/propose" hx-trigger="click" hx-target="#games" hx-include="[name='type']">Propose</button> </div> <div class="column"></div> <div class="column"> - <button class="button is-success" hx-post="/confirm" hx-trigger="click" hx-target="#games">Confirm</button> + <button class="button is-dark is-large" hx-post="/confirm" hx-trigger="click" hx-target="#games">Confirm</button> </div> <div class="column"> - <button class="button is-danger" hx-post="/clear" hx-trigger="click" hx-target="#games">Clear</button> + <button class="button is-dark is-large" hx-post="/clear" hx-trigger="click" hx-target="#games">Clear</button> </div> </div> <div hx-post="/clear" hx-swap="outerHTML" hx-trigger="revealed"></div> diff --git a/templates/player.j2 b/templates/player.j2 index 68bea2a..d0f42c6 100644 --- a/templates/player.j2 +++ b/templates/player.j2 @@ -1,4 +1,4 @@ -<button class={% if status %} "button is-success" {% else %} "button is-danger" {% endif %} +<button class={% if status %} "button is-success is-large" {% else %} "button is-danger is-large" {% endif %} hx-post="{{ "/player-toggle/" ~ id}}" hx-trigger="click" hx-swap="outerHTML"> diff --git a/templates/players.j2 b/templates/players.j2 index 7a13672..550ad68 100644 --- a/templates/players.j2 +++ b/templates/players.j2 @@ -2,7 +2,7 @@ <div class="grid"> {% for id, player in players.items() %} <div class="cell"> - <button class={% if player.status %} "button is-success" {% else %} "button is-danger" {% endif %} hx-post="{{ "/player-toggle/" ~ id}}" hx-trigger="click" hx-swap="outerHTML">{{ player.name }}</button> + <button class={% if player.status %} "button is-success is-large" {% else %} "button is-danger is-large" {% endif %} hx-post="{{ "/player-toggle/" ~ id}}" hx-trigger="click" hx-swap="outerHTML">{{ player.name }}</button> </div> {% endfor %} </div>
\ No newline at end of file |