diff --git a/src/components/dashboard/LeaderBoard/leaderboard.css b/src/components/dashboard/LeaderBoard/leaderboard.css index d05cbcc7..4bc34e0d 100644 --- a/src/components/dashboard/LeaderBoard/leaderboard.css +++ b/src/components/dashboard/LeaderBoard/leaderboard.css @@ -270,7 +270,7 @@ } .second-place:hover { - transform: translateY(-35px); + transform: translateY(-5px); border-color: #c0c0c0; box-shadow: 0 0 15px rgba(192, 192, 192, 0.7), @@ -644,7 +644,7 @@ .contributor-badges { display: flex; align-items: center; - gap: 8px; + gap: 4px; flex-wrap: wrap; cursor: pointer; transition: all 0.2s ease; @@ -654,17 +654,23 @@ transform: translateY(-2px); } +.contributor-badges:hover .contributor-badge-icon:not(:hover) { + transform: none; + box-shadow: none; +} + .contributor-badge-icon { width: 44px; height: 44px; object-fit: contain; - border-radius: 8px; + border-radius: 50%; transition: transform 0.2s ease, box-shadow 0.2s ease; cursor: pointer; background: rgba(255, 255, 255, 0.1); - padding: 2px; + padding: 0; + margin: 0; } .contributor-badge-icon:hover { @@ -686,12 +692,12 @@ display: flex; align-items: center; justify-content: flex-start; - padding: 8px; + padding: 4px; } /* Badge display in top performer cards */ .top-performer-card .contributor-badges { - margin-top: 8px; + margin-top: 0; justify-content: center; } @@ -709,7 +715,7 @@ } .podium-card .contributor-badges { - margin-top: 4px; + margin-top: 0; justify-content: center; } @@ -766,13 +772,14 @@ /* Badges */ .badges-container { display: flex; - gap: 8px; - margin-top: 8px; + gap: 4px; + margin-top: 0; } .badge { display: inline-block; - padding: 4px 10px; + padding: 0; + margin: 0; border-radius: 9999px; font-size: 12px; font-weight: bold; @@ -1283,7 +1290,7 @@ .skeleton-badges { display: flex; - gap: 8px; + gap: 4px; } .skeleton-badge {