UI 개편: 전체화면 마을 + 건물 클릭 패널
- 마을 캔버스가 뷰포트 전체를 채움 (ResizeObserver 스케일링) - 상단 HUD: 회관·자원 칩 + 고양이 목록·입양 버튼 (반투명 오버레이) - 건물 클릭 → 우측 플로팅 패널: 정보(적성·슬롯·속도·진행)·회수· 배치 가능한 고양이 목록(예상 속도순, 현재 일터 표시)에서 배치/해제 - 회관 클릭 → 증축 요건 체크리스트 패널, 부엌 미건설 시 공터(🚧) 클릭 → 건설 - 고양이 전체 목록은 서랍 패널로 이동, 기존 그리드 섹션 제거 - 배지 클릭 빠른 회수는 유지, 메시지는 토스트로 표시 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
이 커밋은 다음에 포함됨:
+1
-22
@@ -1,26 +1,5 @@
|
||||
import Game from "@/components/game/Game";
|
||||
import DbStatus from "@/components/DbStatus";
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<div className="flex min-h-screen flex-col">
|
||||
<header className="border-b border-gray-200 dark:border-gray-800">
|
||||
<div className="mx-auto flex max-w-5xl items-center justify-between px-6 py-4">
|
||||
<span className="text-lg font-bold">🏡 고양이 마을</span>
|
||||
<span className="text-xs text-gray-400">방치형 경영 게임 — 1단계</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main className="mx-auto w-full max-w-5xl flex-1 px-6 py-8">
|
||||
<Game />
|
||||
</main>
|
||||
|
||||
<footer className="border-t border-gray-200 py-6 text-center text-sm text-gray-400 dark:border-gray-800">
|
||||
<div className="flex items-center justify-center gap-4">
|
||||
<span>jskim.vexplor.com · dev-pilots</span>
|
||||
<DbStatus />
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
);
|
||||
return <Game />;
|
||||
}
|
||||
|
||||
새 이슈에서 참조
사용자 차단