lucaspatenaude/ScoreSpot
1
0
Fork 0
Code Projects 1 Releases 1 Wiki Activity

Time vertically centered in card

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-04 21:40:40 -06:00
parent a7205fbea2
commit a9f02ef97f
3 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ProjectSourceCode/src/resources/css/scoreboard-header/game-card.css
View File

@@ -32,9 +32,15 @@
.card-game-information-container { .card-game-information-container {
flex: 30%; flex: 30%;
display: flex; display: flex;
align-items: center;
margin-left: 10px; margin-left: 10px;
} }
/* Center the time in game */
#time {
margin: 0;
}
/* Container for each team in card's information */ /* Container for each team in card's information */
.team { .team {
display: flex; /* Keeps all items in a row */ display: flex; /* Keeps all items in a row */

0
ProjectSourceCode/src/resources/js/scoreboard-header/minute-conversion.js Normal file
View File

2
ProjectSourceCode/src/views/partials/scoreboard-header/game-card.hbs
View File

@@ -22,7 +22,7 @@
<div class="card-game-information-container"> <div class="card-game-information-container">
<!-- Time --> <!-- Time -->
<div class="score" style="text-align: center;"> <div class="game-info">
<p id="time">{{ minute }}</p> <p id="time">{{ minute }}</p>
</div> </div>
</div> </div>