From 6e24a0f4d8653e2e712c7db58aba4e9fc2e7d834 Mon Sep 17 00:00:00 2001 From: Lucas Patenaude Date: Sat, 13 Apr 2024 17:39:57 -0600 Subject: [PATCH] Added styling for league page information header --- .../resources/css/league-page/league-page.css | 16 ++++++++++++++-- .../src/views/partials/navigation-bar/nav.hbs | 12 ++++++------ 2 files changed, 20 insertions(+), 8 deletions(-) diff --git a/ProjectSourceCode/src/resources/css/league-page/league-page.css b/ProjectSourceCode/src/resources/css/league-page/league-page.css index 80ce4a8..37034f6 100644 --- a/ProjectSourceCode/src/resources/css/league-page/league-page.css +++ b/ProjectSourceCode/src/resources/css/league-page/league-page.css @@ -6,9 +6,10 @@ #league-information-container { height: 100px; + width: fit-content; margin: 20px; background: linear-gradient(to right, white, rgb(245, 245, 245), rgb(227, 227, 227)); /* Gradient from white to gray */ - padding: 10px; /* Adjust padding as needed */ + 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); @@ -19,14 +20,25 @@ /* Add any other styling you need for the league information container */ } +#league-information-container::after { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 8px; /* Width of the red strip */ + background-color: red; /* Red color */ + } + #league-logo { - margin: 0px 10px; + margin: 0px 30px; transform: skewX(20deg); /* Skew the banner to create a triangular side */ height: 80%; } #league-title { transform: skewX(20deg); /* Skew the banner to create a triangular side */ + margin-right: 200px; } #league-stats-container { diff --git a/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs b/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs index 152d0ba..38357c1 100644 --- a/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs +++ b/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs @@ -15,27 +15,27 @@