glpshchn
/
nakama
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update files

This commit is contained in:
glpshchn 2025-12-07 05:54:20 +03:00
parent 24b5e6a617
commit af9a636ee5
2 changed files with 14 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/src/pages/MonthlyLadder.css
View File

@ -271,6 +271,7 @@
border-bottom: 1px solid rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.03);
transition: all 0.2s; transition: all 0.2s;
min-height: 54px; min-height: 54px;
overflow: hidden; /* Предотвращаем выход за границы */
} }
[data-theme="dark"] .top-user-item { [data-theme="dark"] .top-user-item {
@ -291,6 +292,7 @@
justify-content: center; justify-content: center;
width: 32px; width: 32px;
height: 32px; height: 32px;
min-width: 32px;
flex-shrink: 0; flex-shrink: 0;
} }
@ -319,6 +321,7 @@
.user-avatar { .user-avatar {
width: 54px; width: 54px;
height: 54px; height: 54px;
min-width: 54px;
border-radius: 50%; border-radius: 50%;
object-fit: cover; object-fit: cover;
border: none; border: none;
@ -330,6 +333,7 @@
min-width: 0; min-width: 0;
display: flex; display: flex;
align-items: center; align-items: center;
overflow: hidden; /* Предотвращаем выход за границы */
} }
.user-name { .user-name {
@ -339,20 +343,21 @@
display: flex; display: flex;
align-items: center; align-items: center;
gap: 6px; gap: 6px;
white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
} }
.user-stats { .user-stats {
display: flex; display: flex;
align-items: center;
gap: 12px;
flex-shrink: 0;
margin-left: auto;
flex-direction: column; flex-direction: column;
align-items: flex-end; align-items: flex-end;
gap: 4px; gap: 4px;
flex-shrink: 0;
margin-left: auto;
min-width: 0;
text-align: right;
} }
.user-tickets { .user-tickets {
@ -360,25 +365,15 @@
color: var(--text-primary); color: var(--text-primary);
font-weight: 500; font-weight: 500;
white-space: nowrap; white-space: nowrap;
} overflow: hidden;
text-overflow: ellipsis;
.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;
} }
.user-prize { .user-prize {
font-size: 14px; font-size: 14px;
color: var(--text-primary); color: var(--text-primary);
font-weight: 600; font-weight: 600;
white-space: nowrap;
} }
.current-badge { .current-badge {

10
frontend/src/pages/MonthlyLadder.jsx
View File

@ -201,12 +201,7 @@ export default function MonthlyLadder({ user }) {
</div> </div>
<div className="user-stats"> <div className="user-stats">
<span className="user-tickets">{formatTickets(topUser.tickets)} билетов</span> <span className="user-tickets">{formatTickets(topUser.tickets)} билетов</span>
{prize && ( {prize && <span className="user-prize">{prize}</span>}
<div className="user-prize-info">
<span className="user-rank-text">{topUser.rank} место</span>
<span className="user-prize">{prize}</span>
</div>
)}
</div> </div>
</div> </div>
) )
@ -236,9 +231,6 @@ export default function MonthlyLadder({ user }) {
</div> </div>
<div className="user-stats"> <div className="user-stats">
<span className="user-tickets">{formatTickets(currentUser.tickets)} билетов</span> <span className="user-tickets">{formatTickets(currentUser.tickets)} билетов</span>
<div className="user-prize-info">
<span className="user-rank-text">{currentUserRank} место</span>
</div>
</div> </div>
</div> </div>
</div> </div>