diff --git a/src/components/dashboard/LeaderBoard/leaderboard.css b/src/components/dashboard/LeaderBoard/leaderboard.css index 2a126e6b..00d88ff9 100644 --- a/src/components/dashboard/LeaderBoard/leaderboard.css +++ b/src/components/dashboard/LeaderBoard/leaderboard.css @@ -239,7 +239,7 @@ width: 48px; height: 48px; border-radius: 50%; - color: #fff; + color: #080808; font-size: 20px; } @@ -259,6 +259,9 @@ font-size: 2rem; font-weight: 800; margin-bottom: 4px; + text-align: center; + width: 100%; + } .light .stat-value { @@ -276,7 +279,7 @@ } .light .stat-label { - color: #666; + color: #000000 !important; } .dark .stat-label { @@ -347,10 +350,12 @@ border-color: #6366f1; box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.4); } + 70% { border-color: #6366f1; box-shadow: 0 0 0 6px rgba(99, 102, 241, 0); } + 100% { border-color: inherit; } @@ -387,11 +392,9 @@ font-weight: 600; letter-spacing: 0.3px; appearance: none; - background: linear-gradient( - to bottom, - rgba(255, 255, 255, 0.05) 0%, - rgba(0, 0, 0, 0.05) 100% - ); + background: linear-gradient(to bottom, + rgba(255, 255, 255, 0.05) 0%, + rgba(0, 0, 0, 0.05) 100%); cursor: pointer; transition: all 0.25s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); @@ -834,16 +837,20 @@ .leaderboard-container { padding: 24px 8px; } + .top-performers-grid { grid-template-columns: 1fr; gap: 20px; } + .stats-grid { grid-template-columns: 1fr; } + .contributors-header { display: none; } + .contributor-row { grid-template-columns: 1fr; gap: 16px; @@ -851,20 +858,25 @@ margin-bottom: 12px; border-radius: 8px; } + .contributor-cell { padding: 0; } + .rank-cell { position: absolute; top: 8px; left: 8px; } + .avatar-cell { justify-self: center; } + .username-cell { text-align: center; } + .prs-cell, .points-cell { justify-self: center; @@ -957,23 +969,19 @@ width: 32px; height: 32px; border-radius: 50%; - background: linear-gradient( - 90deg, - rgba(0, 0, 0, 0.06) 25%, - rgba(0, 0, 0, 0.12) 50%, - rgba(0, 0, 0, 0.06) 75% - ); + background: linear-gradient(90deg, + rgba(0, 0, 0, 0.06) 25%, + rgba(0, 0, 0, 0.12) 50%, + rgba(0, 0, 0, 0.06) 75%); background-size: 200% 100%; animation: skeleton-shimmer 2s infinite; } .skeleton-loader.dark .skeleton-avatar { - background: linear-gradient( - 90deg, - rgba(255, 255, 255, 0.05) 25%, - rgba(255, 255, 255, 0.1) 50%, - rgba(255, 255, 255, 0.05) 75% - ); + background: linear-gradient(90deg, + rgba(255, 255, 255, 0.05) 25%, + rgba(255, 255, 255, 0.1) 50%, + rgba(255, 255, 255, 0.05) 75%); background-size: 200% 100%; } @@ -993,23 +1001,19 @@ height: 16px; width: 60%; border-radius: 4px; - background: linear-gradient( - 90deg, - rgba(0, 0, 0, 0.06) 25%, - rgba(0, 0, 0, 0.12) 50%, - rgba(0, 0, 0, 0.06) 75% - ); + background: linear-gradient(90deg, + rgba(0, 0, 0, 0.06) 25%, + rgba(0, 0, 0, 0.12) 50%, + rgba(0, 0, 0, 0.06) 75%); background-size: 200% 100%; animation: skeleton-shimmer 2s infinite; } .skeleton-loader.dark .skeleton-bar { - background: linear-gradient( - 90deg, - rgba(255, 255, 255, 0.05) 25%, - rgba(255, 255, 255, 0.1) 50%, - rgba(255, 255, 255, 0.05) 75% - ); + background: linear-gradient(90deg, + rgba(255, 255, 255, 0.05) 25%, + rgba(255, 255, 255, 0.1) 50%, + rgba(255, 255, 255, 0.05) 75%); background-size: 200% 100%; } @@ -1022,23 +1026,19 @@ height: 20px; width: 60px; border-radius: 12px; - background: linear-gradient( - 90deg, - rgba(0, 0, 0, 0.06) 25%, - rgba(0, 0, 0, 0.12) 50%, - rgba(0, 0, 0, 0.06) 75% - ); + background: linear-gradient(90deg, + rgba(0, 0, 0, 0.06) 25%, + rgba(0, 0, 0, 0.12) 50%, + rgba(0, 0, 0, 0.06) 75%); background-size: 200% 100%; animation: skeleton-shimmer 2s infinite; } .skeleton-loader.dark .skeleton-badge { - background: linear-gradient( - 90deg, - rgba(255, 255, 255, 0.05) 25%, - rgba(255, 255, 255, 0.1) 50%, - rgba(255, 255, 255, 0.05) 75% - ); + background: linear-gradient(90deg, + rgba(255, 255, 255, 0.05) 25%, + rgba(255, 255, 255, 0.1) 50%, + rgba(255, 255, 255, 0.05) 75%); background-size: 200% 100%; } @@ -1046,6 +1046,7 @@ 0% { background-position: -200% 0; } + 100% { background-position: 200% 0; } @@ -1469,4 +1470,4 @@ .pr-item-meta { gap: 12px; } -} +} \ No newline at end of file diff --git a/src/pages/dashboard/dashboard.css b/src/pages/dashboard/dashboard.css index 3d14b98c..a913a983 100644 --- a/src/pages/dashboard/dashboard.css +++ b/src/pages/dashboard/dashboard.css @@ -62,7 +62,7 @@ z-index: 1051; } -.dashboard-mobile-menu > div:last-child { +.dashboard-mobile-menu>div:last-child { position: absolute; top: 0; left: 0; @@ -76,7 +76,7 @@ transition: transform 0.3s ease; } -.dashboard-mobile-menu.show > div:last-child { +.dashboard-mobile-menu.show>div:last-child { transform: translateX(0); } @@ -295,11 +295,9 @@ left: 0; right: 0; height: 4px; - background: linear-gradient( - 90deg, - var(--ifm-color-primary), - var(--ifm-color-primary-light) - ); + background: linear-gradient(90deg, + var(--ifm-color-primary), + var(--ifm-color-primary-light)); } .dashboard-stat-card:hover { @@ -322,9 +320,9 @@ } .dashboard-stat-title { - font-size: 1.1rem; + font-size: 1.2rem; font-weight: 600; - margin-bottom: 8px; + margin-bottom: inherit; color: var(--ifm-color-content-secondary); } @@ -343,7 +341,7 @@ font-size: 0.9rem; color: var(--ifm-color-content-secondary); line-height: 1.4; - margin: 0; + margin-bottom: 0; } .loading-spinner { @@ -359,6 +357,7 @@ 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } @@ -714,4 +713,4 @@ [data-theme="dark"] .loading-spinner { border-color: var(--ifm-color-emphasis-300); border-top-color: var(--ifm-color-primary); -} +} \ No newline at end of file diff --git a/src/pages/dashboard/giveaway/index.tsx b/src/pages/dashboard/giveaway/index.tsx index b370c785..11974bd5 100644 --- a/src/pages/dashboard/giveaway/index.tsx +++ b/src/pages/dashboard/giveaway/index.tsx @@ -419,7 +419,7 @@ const giveawayStyles = ` .dashboard-stat-value { font-size: 2.5rem; font-weight: 800; - margin-bottom: 10px; + margin-bottom: inherit; color: var(--ifm-color-primary); min-height: 60px; display: flex;