diff --git a/Leaderboard.css b/Leaderboard.css index 3793923..3598ad2 100644 --- a/Leaderboard.css +++ b/Leaderboard.css @@ -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 ========== */