Improve style for broadcast

clubs
Laurent 2 years ago
parent a181dfc3d8
commit 0da7ce0bdc
  1. 7
      tournaments/static/tournaments/css/style.css
  2. 6
      tournaments/templates/tournaments/broadcasted_matches.html
  3. 2
      tournaments/templates/tournaments/group_stage_cell.html
  4. 2
      tournaments/templates/tournaments/match_cell.html

@ -153,6 +153,11 @@ tr {
font-weight: 600; font-weight: 600;
} }
.bold {
font-family: "Montserrat-SemiBold";
font-weight: 800;
}
.info { .info {
font-family: "Montserrat-SemiBold"; font-family: "Montserrat-SemiBold";
font-size: 14px; font-size: 14px;
@ -202,7 +207,7 @@ tr {
} }
.score { .score {
font-size: 20px; font-size: 22px;
vertical-align: middle; vertical-align: middle;
padding: 0px 5px; padding: 0px 5px;
} }

@ -81,7 +81,7 @@
<div class="table-cell table-cell-large"> <div class="table-cell table-cell-large">
<template x-for="name in match.teams[i-1].names"> <template x-for="name in match.teams[i-1].names">
<div class="semibold" x-data="{ <div class="ws" x-data="{
showName(name, team) { showName(name, team) {
let html = `<span class='` let html = `<span class='`
if (team.is_winner) html += `winner` if (team.is_winner) html += `winner`
@ -124,8 +124,8 @@
</template> </template>
<div class="top-margin flex-row"> <div class="top-margin flex-row">
<label class="left-label minor-info"><span x-text="match.duration"></span></label> <label class="left-label minor-info bold"><span x-text="match.duration"></span></label>
<label class="right-label minor-info"><span x-text="match.court"></span></label> <label class="right-label minor-info semibold"><span x-text="match.court"></span></label>
</div> </div>
</div> </div>

@ -12,7 +12,7 @@
{% for team in group_stage.teams %} {% for team in group_stage.teams %}
<div class="table-row-2-colums bottom-border"> <div class="table-row-2-colums dark-bottom-border">
<div class="table-cell table-cell-large"> <div class="table-cell table-cell-large">
{% for name in team.names %} {% for name in team.names %}
<div class="semibold {% if team.is_winner %}winner{% endif %}"> <div class="semibold {% if team.is_winner %}winner{% endif %}">

@ -43,7 +43,7 @@
</div> </div>
<div class="flex-row top-margin"> <div class="flex-row top-margin">
<label class="left-label minor-info semibold">{{ match.duration }}</label> <label class="left-label minor-info bold">{{ match.duration }}</label>
<label class="right-label minor-info">{{ match.court }}</label> <label class="right-label minor-info">{{ match.court }}</label>
<!-- <a href="" class="right-label">{{ match.court }}</a> --> <!-- <a href="" class="right-label">{{ match.court }}</a> -->
</div> </div>

Loading…
Cancel
Save