diff --git a/src/App.css b/src/App.css index 1ca3d50..cc2e78c 100644 --- a/src/App.css +++ b/src/App.css @@ -376,6 +376,16 @@ padding: 0 20px; } +.game-over-overlay__stats { + font-size: 11px; + color: var(--text); + text-align: center; + line-height: 1.8; + display: flex; + flex-direction: column; + gap: 4px; +} + @keyframes chop-shake { 0%, 100% { transform: translate(0, 0) rotate(0deg); diff --git a/src/components/GameMap.tsx b/src/components/GameMap.tsx index 7008291..1a7fb5e 100644 --- a/src/components/GameMap.tsx +++ b/src/components/GameMap.tsx @@ -56,6 +56,12 @@ const GameOverOverlay = observer(function GameOverOverlay({
Вы прожили {store.day} {dayWord(store.day)}, но вас поймали кролики
+
+
Пройдено: {Math.round(store.character.distanceTraveled)} px
+
Срублено: {store.treesChoppedCount} деревьев, {store.bushesChoppedCount} кустов
+
Поймано кроликов: {store.rabbitsCaughtCount}
+
Заработано монет: {store.totalCoinsEarned.toFixed(1)}
+