feat: tooltips explicatifs sur le cockpit, générateurs et prestige

Chaque stat du header, le titre Générateurs et Prestige ont un tooltip
natif (title) qui explique à quoi sert la valeur — aide le nouveau joueur
sans alourdir l'interface pour les habitués.
This commit is contained in:
2026-03-20 16:24:41 +01:00
parent 2db3c12fc6
commit c673ae0da5
3 changed files with 8 additions and 8 deletions

View File

@@ -12,25 +12,25 @@ export function CockpitHeader() {
return (
<div className="gp gp-cockpit-header">
<div className="gp-stat">
<div className="gp-stat" title="Têtards générés automatiquement chaque seconde">
<span className="gp-label">Prod/s</span>
<span className="gp-value gp-accent-green">
{formatNumber(productionPerSecond)}
</span>
</div>
<div className="gp-stat">
<div className="gp-stat" title="Têtards gagnés à chaque clic sur le têtard">
<span className="gp-label">/clic</span>
<span className="gp-value">{formatNumber(clickGain)}</span>
</div>
<div className="gp-stat">
<div className="gp-stat" title="Multiplicateur global — augmente avec le prestige">
<span className="gp-label">Mult</span>
<span className="gp-value">x{prestigeMultiplier.toFixed(1)}</span>
</div>
<div className="gp-stat">
<div className="gp-stat" title="ADN Ancestral — monnaie de l'Arbre d'Évolution (gagné au prestige)">
<span className="gp-label">ADN</span>
<span className="gp-value gp-accent-purple">{ancestralDna}</span>
</div>
<div className="gp-stat">
<div className="gp-stat" title="Nombre de prestiges effectués (Nouvelles Générations)">
<span className="gp-label">Gén.</span>
<span className="gp-value">{prestigeCount}</span>
</div>