diff --git a/frontend/src/pages/MonthlyLadder.css b/frontend/src/pages/MonthlyLadder.css index 8fcd869..9064d3d 100644 --- a/frontend/src/pages/MonthlyLadder.css +++ b/frontend/src/pages/MonthlyLadder.css @@ -210,27 +210,15 @@ .ladder-top-header { display: flex; justify-content: space-between; - align-items: flex-start; + align-items: center; margin-bottom: 16px; gap: 12px; } -.ladder-top-title { - flex: 1; -} - .ladder-top-header h2 { font-size: 20px; font-weight: 700; color: var(--text-primary); - margin-bottom: 4px; -} - -.ladder-prizes { - font-size: 12px; - color: var(--text-secondary); - margin: 0; - line-height: 1.4; } .info-btn { @@ -265,13 +253,16 @@ .top-user-item { display: flex; align-items: center; - gap: 12px; - padding: 8px 16px; + gap: 6px; + padding: 8px 12px; background: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.03); transition: all 0.2s; min-height: 54px; - overflow: hidden; /* Предотвращаем выход за границы */ + width: 100%; + box-sizing: border-box; + max-width: 100%; + overflow: hidden; } [data-theme="dark"] .top-user-item { @@ -290,14 +281,16 @@ display: flex; align-items: center; justify-content: center; - width: 32px; - height: 32px; - min-width: 32px; + width: 24px; + height: 24px; + min-width: 24px; flex-shrink: 0; } .rank-icon { filter: drop-shadow(0 0 4px currentColor); + width: 20px; + height: 20px; } .rank-icon.gold { @@ -313,15 +306,15 @@ } .rank-number { - font-size: 20px; + font-size: 16px; font-weight: 700; color: var(--text-primary); } .user-avatar { - width: 54px; - height: 54px; - min-width: 54px; + width: 44px; + height: 44px; + min-width: 44px; border-radius: 50%; object-fit: cover; border: none; @@ -333,16 +326,17 @@ min-width: 0; display: flex; align-items: center; - overflow: hidden; /* Предотвращаем выход за границы */ + overflow: hidden; + margin-right: 6px; } .user-name { - font-size: 15px; + font-size: 14px; font-weight: 600; color: var(--text-primary); display: flex; align-items: center; - gap: 6px; + gap: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; @@ -353,24 +347,24 @@ display: flex; flex-direction: column; align-items: flex-end; - gap: 4px; + gap: 2px; flex-shrink: 0; - margin-left: auto; - min-width: 0; text-align: right; + max-width: 80px; } .user-tickets { - font-size: 14px; + font-size: 11px; color: var(--text-primary); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + max-width: 100%; } .user-prize { - font-size: 14px; + font-size: 11px; color: var(--text-primary); font-weight: 600; white-space: nowrap; diff --git a/frontend/src/pages/MonthlyLadder.jsx b/frontend/src/pages/MonthlyLadder.jsx index 9f4f048..8c14373 100644 --- a/frontend/src/pages/MonthlyLadder.jsx +++ b/frontend/src/pages/MonthlyLadder.jsx @@ -155,10 +155,7 @@ export default function MonthlyLadder({ user }) { {/* Топ 5 пользователей */}
Призы: 1 место - $50, 2 место - $30, 3 место - $15, 4-5 места - $5
-