Crests added to each score card

This commit is contained in:
Lucas Patenaude
2024-04-03 23:16:49 -06:00
parent cbc16356ae
commit c7b49a87d6
2 changed files with 9 additions and 2 deletions

View File

@@ -37,3 +37,8 @@
.team p { .team p {
margin-right: 10px; /* Adjust this value to control the space between team name and score */ margin-right: 10px; /* Adjust this value to control the space between team name and score */
} }
.team img {
height: 30px;
margin-right: 10px;
}

View File

@@ -5,13 +5,15 @@
<div class="left-side"> <div class="left-side">
<!-- Team 1 Name with Score --> <!-- Team 1 Name with Score -->
<div class="team"> <div class="team">
<img src="{{ homeTeam.crest }}" alt="{{ homeTeam.name }} Crest">
<p id="team-name">{{ homeTeam.name }}</p> <!-- {{team1.name}} --> <p id="team-name">{{ homeTeam.name }}</p> <!-- {{team1.name}} -->
<p id="team-score">{{ homeTeam.score }}</p> <p id="team-score">{{ score.homeScore }}</p>
</div> </div>
<!-- Team 2 Name with Score --> <!-- Team 2 Name with Score -->
<div class="team"> <div class="team">
<img src="{{ awayTeam.crest }}" alt="{{ awayTeam.name }} Crest">
<p id="team-name">{{ awayTeam.name }}</p> <!-- {{team1.name}} --> <p id="team-name">{{ awayTeam.name }}</p> <!-- {{team1.name}} -->
<p id="team-score">{{ awayTeam.score }}</p> <p id="team-score">{{ score.awayScore }}</p>
</div> </div>
</div> </div>