Added CSS for league page

This commit is contained in:
Lucas Patenaude
2024-04-11 06:07:35 -06:00
parent 25ce9bda97
commit 1beb9b1881
3 changed files with 36 additions and 3 deletions

View File

@@ -0,0 +1,28 @@
#league-page-body {
display: flex;
flex-direction: column;
height: 100vh;
}
#league-information-container {
height: 100px;
background-color: #f0f0f0; /* Example background color */
/* Add any other styling you need for the league information container */
}
#league-stats-container {
display: flex;
flex: 1;
}
#league-table-container {
flex: 1;
background-color: #eaeaea; /* Example background color */
/* Add any other styling you need for the league table container */
}
#top-scorers-container {
flex: 1;
background-color: #dcdcdc; /* Example background color */
/* Add any other styling you need for the top scorers container */
}

View File

@@ -8,12 +8,12 @@
<!-- Container to display all stats for league <- bottom rest of the container -->
<div class="container" id="league-stats-container">
<!-- Container to display league table -->
<!-- Container to display league table <- split 50% -->
<div class="container" id="league-table-container">
</div>
<!-- Container to display top scorers for league -->
<!-- Container to display top scorers for league <- Split 50% -->
<div class="container" id="top-scorers-container">
</div>

View File

@@ -9,7 +9,6 @@
<!-- Linking forms.css -->
<link rel="stylesheet" type="text/css" href="/css/login_and_registration.css">
<link rel="stylesheet" type="text/css" href="/css/homepage/homepage.css">
<!-- Navigation Bar Stylesheets -->
<link rel="stylesheet" type="text/css" href="/css/navigation-bar/navigation-bar.css">
@@ -19,6 +18,12 @@
<link rel="stylesheet" type="text/css" href="/css/navigation-bar/scoreboard-header/scoreboard.css">
<link rel="stylesheet" type="text/css" href="/css/navigation-bar/scoreboard-header/game-card.css">
<!-- Home Page Stylesheets -->
<link rel="stylesheet" type="text/css" href="/css/homepage/homepage.css">
<!-- League Page Stylesheets -->
<link rel="stylesheet" type="text/css" href="/css/league-page/league-page.css">
<title>Group 6 Final Project</title>
<!-- Include Bootstrap CSS -->