Logos in navigation bar implemented with stylesheet modifications

2024-04-23 21:03:56 -06:00
parent 856edd6065
commit 6fdb1d5f74
2 changed files with 24 additions and 1 deletions
--- a/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css
+++ b/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css
@@ -33,6 +33,27 @@
    font-size: 30px;
 }

+#favorite-teams-container {
+    margin-right: 25px;
+
+    a {
+        text-decoration: none; 
+    }
+    
+    img {
+        width: 28px;
+        height: auto;
+        margin: 0 4px;
+        cursor: pointer;
+
+        transition: width 0.3s ease; /* Adding transition for smooth effect */
+    }
+
+    img:hover {
+        width: 32px;
+    }
+}
+
 #user {
    width: 25px;
    cursor: pointer;
--- a/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs
+++ b/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs
@@ -43,7 +43,9 @@

    <div id="favorite-teams-container" class="logos-container">
      {{#each fav_teams}}
+        <a href="/club/{{this.teamid}}">
          <img id="teamlogo" src="{{this.teamlogo}}" alt="teamlogo">
+        </a>
      {{/each}}
    </div>