diff --git a/frontend/src/pages/MonthlyLadder.css b/frontend/src/pages/MonthlyLadder.css index 16a6932..8fcd869 100644 --- a/frontend/src/pages/MonthlyLadder.css +++ b/frontend/src/pages/MonthlyLadder.css @@ -271,6 +271,7 @@ border-bottom: 1px solid rgba(0, 0, 0, 0.03); transition: all 0.2s; min-height: 54px; + overflow: hidden; /* Предотвращаем выход за границы */ } [data-theme="dark"] .top-user-item { @@ -291,6 +292,7 @@ justify-content: center; width: 32px; height: 32px; + min-width: 32px; flex-shrink: 0; } @@ -319,6 +321,7 @@ .user-avatar { width: 54px; height: 54px; + min-width: 54px; border-radius: 50%; object-fit: cover; border: none; @@ -330,6 +333,7 @@ min-width: 0; display: flex; align-items: center; + overflow: hidden; /* Предотвращаем выход за границы */ } .user-name { @@ -339,20 +343,21 @@ display: flex; align-items: center; gap: 6px; - white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + white-space: nowrap; + max-width: 100%; } .user-stats { display: flex; - align-items: center; - gap: 12px; - flex-shrink: 0; - margin-left: auto; flex-direction: column; align-items: flex-end; gap: 4px; + flex-shrink: 0; + margin-left: auto; + min-width: 0; + text-align: right; } .user-tickets { @@ -360,25 +365,15 @@ color: var(--text-primary); font-weight: 500; white-space: nowrap; -} - -.user-prize-info { - display: flex; - align-items: center; - gap: 6px; - white-space: nowrap; -} - -.user-rank-text { - font-size: 12px; - color: var(--text-secondary); - font-weight: 500; + overflow: hidden; + text-overflow: ellipsis; } .user-prize { font-size: 14px; color: var(--text-primary); font-weight: 600; + white-space: nowrap; } .current-badge { diff --git a/frontend/src/pages/MonthlyLadder.jsx b/frontend/src/pages/MonthlyLadder.jsx index 50a8c94..9f4f048 100644 --- a/frontend/src/pages/MonthlyLadder.jsx +++ b/frontend/src/pages/MonthlyLadder.jsx @@ -201,12 +201,7 @@ export default function MonthlyLadder({ user }) {
{formatTickets(topUser.tickets)} билетов - {prize && ( -
- {topUser.rank} место - {prize} -
- )} + {prize && {prize}}
) @@ -236,9 +231,6 @@ export default function MonthlyLadder({ user }) {
{formatTickets(currentUser.tickets)} билетов -
- {currentUserRank} место -