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

More styling added for table

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-14 17:30:20 -06:00
parent 2491c97a78
commit e4b44e05e3
5 changed files with 35 additions and 2 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

@@ -11,7 +11,6 @@
background: linear-gradient(to right, white, rgb(245, 245, 245), rgb(227, 227, 227)); /* Gradient from white to gray */
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 8px rgba(0, 0, 0, 0.4);
display: flex; /* Use flexbox for layout */
@@ -51,6 +50,7 @@
#league-stats-containers {
width: 100%;
display: flex;
flex-wrap: wrap; /* Allow items to wrap onto multiple lines */
}
#table-stats-container, #top-scorers-stats-container {
@@ -71,3 +71,15 @@
transform: scale(1.01); /* Scale the row by 1.1 on hover */
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1161px) {
#league-stats-container {
flex-direction: column;
}
#league-table-and-information-container,
#top-scorers-container {
width: 100%; /* Both containers take full width */
}
}