Leaderboard css

This commit is contained in:
Michelle Aquilera 2025-11-25 11:04:57 +07:00
parent b03c9b8eda
commit d8142a897a

View File

@ -101,6 +101,33 @@ h1::before {
display: flex;
flex-direction: column;
gap: 14px;
/* Scroll settings */
max-height: 500px;
overflow-y: auto;
padding-right: 10px;
}
/* Custom Scrollbar Styling */
.leaderboard-list::-webkit-scrollbar {
width: 10px;
}
.leaderboard-list::-webkit-scrollbar-track {
background: rgba(30, 0, 50, 0.5);
border-radius: 10px;
border: 1px solid rgba(0, 255, 255, 0.1);
}
.leaderboard-list::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #00eaff, #ff00ff);
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 234, 255, 0.5);
}
.leaderboard-list::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, #00ffff, #ff66ff);
box-shadow: 0 0 15px rgba(0, 234, 255, 0.8);
}
/* ========== LEADERBOARD ITEM ========== */