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

Logos in navigation bar implemented with stylesheet modifications

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-23 21:03:56 -06:00
parent 856edd6065
commit 6fdb1d5f74
2 changed files with 24 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css
View File

@@ -33,6 +33,27 @@
font-size: 30px; 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 { #user {
width: 25px; width: 25px;
cursor: pointer; cursor: pointer;

4
ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs
View File

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