caadiq/minecraft-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: 플레이어 통계 UI 개선

Browse source 
- 현재 세션 플레이타임 항상 표시 (비접속 시 0분)
- 모드/리소스팩/쉐이더 ABC순 정렬
- 드래그앤드롭 시각적 피드백 개선
This commit is contained in:
caadiq 2025-12-24 00:35:36 +09:00
parent 259cd1449c
commit e5823d140e
1 changed files with 10 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
frontend/src/pages/PlayerStatsPage.jsx
View file

@ -183,20 +183,18 @@ const PlayerStatsPage = ({ isMobile = false }) => {
</h2> </h2>
<div className={`grid gap-4 ${isMobile ? 'grid-cols-1' : 'grid-cols-4'}`}> <div className={`grid gap-4 ${isMobile ? 'grid-cols-1' : 'grid-cols-4'}`}>
{/* 현재 세션 플레이타임 (접속 중일 때만) */} {/* 현재 세션 플레이타임 (항상 표시) */}
{playerDetail.isOnline && ( <div className={`glow-card rounded-xl p-5 ${playerDetail.isOnline ? 'border border-mc-green/30' : ''}`}>
<div className="glow-card rounded-xl p-5 border border-mc-green/30"> <div className="text-gray-400 text-xs md:text-sm mb-2 font-medium flex items-center gap-2">
<div className="text-gray-400 text-xs md:text-sm mb-2 font-medium flex items-center gap-2"> <div className="p-1.5 rounded-md bg-mc-green/10">
<div className="p-1.5 rounded-md bg-mc-green/10"> <Clock size={14} className="text-mc-green icon-glow" />
<Clock size={14} className="text-mc-green icon-glow" />
</div>
현재 세션 플레이타임
</div>
<div className="text-white font-bold text-2xl md:text-3xl text-gradient">
{formatPlayTimeMs(playerDetail.currentSessionMs)}
</div> </div>
현재 세션 플레이타임
</div> </div>
)} <div className={`font-bold text-2xl md:text-3xl ${playerDetail.isOnline ? 'text-white text-gradient' : 'text-zinc-500'}`}>
{playerDetail.isOnline ? formatPlayTimeMs(playerDetail.currentSessionMs) : '0분'}
</div>
</div>
{/* 누적 플레이타임 */} {/* 누적 플레이타임 */}
<div className="glow-card rounded-xl p-5"> <div className="glow-card rounded-xl p-5">