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

Styling added to cards

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-04 23:47:36 -06:00
parent a0b917d0d2
commit bf50d86d82
4 changed files with 20 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,10 +1,17 @@
#game-card {
display: inline-block; /* Display cards as inline-block to allow them to sit next to each other */
border: 1px solid #ccc;
border-radius: 4px;
padding: 6px;
margin: 5px 2.5px; /* Distance between cards and container */
margin: 6px 0px; /* Distance between cards and container */
margin-left: 5px;
min-width: 150px;
color: white;
background-color: rgb(67, 66, 66);
border: 2px solid rgb(52, 52, 52);
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.4s ease; /* Add transition for smooth effect */
}
@@ -33,7 +40,7 @@
flex: 30%;
display: flex;
align-items: center;
margin-left: 10px;
margin: 0px 15px;
}
/* Center the time in game */

8
ProjectSourceCode/src/resources/css/scoreboard-header/scoreboard.css
View File

@@ -1,9 +1,13 @@
.scoreboard-container {
overflow-x: auto; /* Enable horizontal scrolling */
white-space: nowrap; /* Prevent cards from wrapping to the next line */
border: 1px solid rgb(227, 225, 225);
background-color: rgb(98, 97, 97);
/* Inner box shadow */
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.league-container {
display: inline-block; /* Change display property to inline-block to prevent stretching */
display: inline-block; /* Change display property to inline-block to prevent stretching */
}