Lukeflix/JellySport
1
0
Fork 0
forked from lucaspatenaude/ScoreSpot
Code Pull Requests Activity

Styling added to league table

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-14 16:46:48 -06:00
parent 4cf078cca9
commit 87551a26af
4 changed files with 63 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
ProjectSourceCode/src/resources/css/league-pages/league-page.css
View File

@@ -1,7 +1,7 @@
#league-page-body {
display: flex;
flex-direction: column;
width: 100%;
width: 100v;
}
#league-information-container {
@@ -12,7 +12,7 @@
padding: 10px 20px; /* Adjust padding as needed */
transform: skewX(-20deg); /* Skew the banner to create a triangular side */
cursor: pointer; /* Change cursor to pointer on hover */
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.4);
display: flex; /* Use flexbox for layout */
align-items: center; /* Center content vertically */
@@ -51,10 +51,9 @@
#league-stats-container {
width: 100%;
display: flex;
flex: 1;
}
#league-table-and-information-container .container {
#table-stats-container, #top-scorers-stats-container {
margin: 0 10px;
margin-bottom: 20px;
padding: 15px;
@@ -64,6 +63,11 @@
border: 1px solid gray;
border-radius: 8px;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
/* Add any other styling you need for the league table container */
}
#table-stats-container:hover, #top-scorers-stats-container:hover {
transform: scale(1.01); /* Scale the row by 1.1 on hover */
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
}