UNO-style UX rollout: Lobby, Matchmaking, Profile

- Lobby: the two hero actions (random / create room) are now tactile press-3d rounded-3xl with tinted icon chips. - Matchmaking: seat slots use the Avatar frame with a gold border when filled (dashed placeholder when empty + spring pop-in); cancel/start/upgrade buttons are tactile. - Profile: added a level badge on the avatar (casual-game style). Verified: tsc + next build clean; web rebuilt :1500. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-05 10:07:51 +03:30
parent b661385a00
commit 6bbdbac23b
3 changed files with 24 additions and 16 deletions
@@ -69,6 +69,10 @@ export function ProfileScreen() {
          <div className="size-20 rounded-2xl bg-navy-900 gold-border flex items-center justify-center overflow-hidden">
            <Avatar id={profile.avatar} image={profile.avatarImage} size={profile.avatarImage ? 80 : 56} />
          </div>
+          {/* level badge */}
+          <span className="absolute -top-2 ltr:-left-2 rtl:-right-2 rounded-full bg-navy-950 gold-border px-2 py-0.5 text-[10px] font-black text-gold-300 shadow-lg">
+            {t("common.level")} {profile.level}
+          </span>
          <button
            onClick={() => (canUpload ? fileRef.current?.click() : undefined)}
            className={cn(