This commit is contained in:
2025-12-17 20:29:22 +07:00
parent 0b3837b08e
commit 675a0fea0c
2 changed files with 23 additions and 16 deletions

View File

@@ -124,11 +124,11 @@ export function LeaderboardPage() {
`}>
<span className="text-3xl font-bold text-gray-300">2</span>
</div>
<div className="glass rounded-xl p-4 text-center w-28">
<Link to={`/users/${topThree[1].user.id}`} className="glass rounded-xl p-4 text-center w-28 hover:border-neon-500/30 transition-colors border border-transparent">
<Medal className="w-6 h-6 text-gray-300 mx-auto mb-2" />
<p className="text-sm font-medium text-white truncate">{topThree[1].user.nickname}</p>
<p className="text-sm font-medium text-white truncate hover:text-neon-400 transition-colors">{topThree[1].user.nickname}</p>
<p className="text-xs text-gray-400">{topThree[1].total_points} очков</p>
</div>
</Link>
</div>
{/* 1st place */}
@@ -140,11 +140,11 @@ export function LeaderboardPage() {
`}>
<Crown className="w-10 h-10 text-yellow-400" />
</div>
<div className="glass-neon rounded-xl p-4 text-center w-32">
<Link to={`/users/${topThree[0].user.id}`} className="glass-neon rounded-xl p-4 text-center w-32 hover:shadow-[0_0_20px_rgba(34,211,238,0.3)] transition-shadow">
<Star className="w-6 h-6 text-yellow-400 mx-auto mb-2" />
<p className="font-semibold text-white truncate">{topThree[0].user.nickname}</p>
<p className="font-semibold text-white truncate hover:text-neon-400 transition-colors">{topThree[0].user.nickname}</p>
<p className="text-sm text-neon-400 font-bold">{topThree[0].total_points} очков</p>
</div>
</Link>
</div>
{/* 3rd place */}
@@ -156,11 +156,11 @@ export function LeaderboardPage() {
`}>
<span className="text-3xl font-bold text-amber-600">3</span>
</div>
<div className="glass rounded-xl p-4 text-center w-28">
<Link to={`/users/${topThree[2].user.id}`} className="glass rounded-xl p-4 text-center w-28 hover:border-neon-500/30 transition-colors border border-transparent">
<Award className="w-6 h-6 text-amber-600 mx-auto mb-2" />
<p className="text-sm font-medium text-white truncate">{topThree[2].user.nickname}</p>
<p className="text-sm font-medium text-white truncate hover:text-neon-400 transition-colors">{topThree[2].user.nickname}</p>
<p className="text-xs text-gray-400">{topThree[2].total_points} очков</p>
</div>
</Link>
</div>
</div>
</div>
@@ -231,9 +231,12 @@ export function LeaderboardPage() {
{/* User info */}
<div className="relative flex-1 min-w-0">
<div className="flex items-center gap-2">
<span className={`font-semibold truncate ${isCurrentUser ? 'text-neon-400' : 'text-white'}`}>
<Link
to={`/users/${entry.user.id}`}
className={`font-semibold truncate hover:text-neon-400 transition-colors ${isCurrentUser ? 'text-neon-400' : 'text-white'}`}
>
{entry.user.nickname}
</span>
</Link>
{isCurrentUser && (
<span className="px-2 py-0.5 text-xs font-medium bg-neon-500/20 text-neon-400 rounded-full border border-neon-500/30">
Вы