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

Reformatting of club-page CSS

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-15 19:52:47 -06:00
parent ac744ddc02
commit b540360e3f
1 changed files with 10 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
ProjectSourceCode/src/resources/css/club-pages/club-page.css
View File

@@ -19,6 +19,16 @@
/* Add any other styling you need for the club information container */ /* Add any other styling you need for the club information container */
} }
#club-information-container::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 8px; /* Width of the red strip */
background-color: red; /* Red color */
}
#club-page-contents-container { #club-page-contents-container {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -32,48 +42,11 @@
width: 80%; width: 80%;
} }
#club-information-container::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 8px; /* Width of the red strip */
background-color: red; /* Red color */
}
#club-logo {
margin: 0px 20px;
transform: skewX(20deg); /* Skew the banner to create a triangular side */
height: 80px;
}
#club-title {
transform: skewX(20deg); /* Skew the banner to create a triangular side */
margin-right: 20px;
}
#club-flag {
transform: skewX(20deg); /* Skew the banner to create a triangular side */
height: 20px;
margin-right: 200px;
}
#club-stats-container {
width: 100%;
display: flex;
flex: 1;
}
#club-stats-container .container {
margin: 0 10px;
background-color: #eaeaea; /* Example background color */
border: 1px solid gray;
border-radius: 8px;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
/* Add any other styling you need for the club table container */
}