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;