Leaderboard css
This commit is contained in:
parent
b03c9b8eda
commit
d8142a897a
@ -101,6 +101,33 @@ h1::before {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 14px;
|
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 ========== */
|
/* ========== LEADERBOARD ITEM ========== */
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user