Skip to content

Commit bfa5627

Browse files
committed
make badges circular and fix hover behavior
1 parent 6f0ee5a commit bfa5627

File tree

1 file changed

+8
-3
lines changed

1 file changed

+8
-3
lines changed

src/components/dashboard/LeaderBoard/leaderboard.css

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -270,7 +270,7 @@
270270
}
271271

272272
.second-place:hover {
273-
transform: translateY(-35px);
273+
transform: translateY(-5px);
274274
border-color: #c0c0c0;
275275
box-shadow:
276276
0 0 15px rgba(192, 192, 192, 0.7),
@@ -654,17 +654,22 @@
654654
transform: translateY(-2px);
655655
}
656656

657+
.contributor-badges:hover .contributor-badge-icon:not(:hover) {
658+
transform: none;
659+
box-shadow: none;
660+
}
661+
657662
.contributor-badge-icon {
658663
width: 44px;
659664
height: 44px;
660665
object-fit: contain;
661-
border-radius: 8px;
666+
border-radius: 50%;
662667
transition:
663668
transform 0.2s ease,
664669
box-shadow 0.2s ease;
665670
cursor: pointer;
666671
background: rgba(255, 255, 255, 0.1);
667-
padding: 2px;
672+
padding: 0;
668673
}
669674

670675
.contributor-badge-icon:hover {

0 commit comments

Comments
 (0)