Ladebeze66/ft_transcendence
1
0
Fork 0
mirror of https://github.com/AudebertAdrien/ft_transcendence.git synced 2026-02-04 11:40:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

changed the bracket's template

Browse Source
This commit is contained in:
CHIBOUB Chakib 2024-09-10 15:10:39 +02:00
parent 3e0c3aa3bb
commit 78906f9c07
1 changed files with 0 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
pong/game/templates/pong/tournament_brackets.html
View File

@ -37,53 +37,18 @@
background-color: #00ff3c; background-color: #00ff3c;
font-weight: bold; font-weight: bold;
} }
.connector {
display: flex;
flex-direction: column;
justify-content: center;
}
.connector::before, .connector::after {
content: '';
border-top: 1px solid #ffffff;
width: 20px;
height: 50%;
}
.connector::before {
border-right: 1px solid #ffffff;
}
.connector::after {
border-right: 1px solid #ffffff;
align-self: flex-end;
}
.round:last-child .connector {
display: none;
}
</style> </style>
</head> </head>
<body> <body>
<div class="tournament-bracket"> <div class="tournament-bracket">
{% for round in tournament_rounds %}
<div class="round"> <div class="round">
{% for match in round %}
<div class="match"> <div class="match">
<div class="player {% if match.winner == match.player1 %}winner{% endif %}"> <div class="player {% if match.winner == match.player1 %}winner{% endif %}">
{{ match.player1 }}
{% if match.score1 is not None %}<span class="score">{{ match.score1 }}</span>{% endif %}
</div> </div>
<div class="player {% if match.winner == match.player2 %}winner{% endif %}"> <div class="player {% if match.winner == match.player2 %}winner{% endif %}">
{{ match.player2|default:"BYE" }}
{% if match.score2 is not None %}<span class="score">{{ match.score2 }}</span>{% endif %}
</div> </div>
</div> </div>
{% if not forloop.last %}
<div class="connector"></div>
{% endif %}
{% endfor %}
</div> </div>
{% if not forloop.last %}
<div class="connector"></div>
{% endif %}
{% endfor %}
</div> </div>
</body> </body>
</html> </html>