diff --git a/src/views/GameView.vue b/src/views/GameView.vue index 28a5fb4..2f21da4 100644 --- a/src/views/GameView.vue +++ b/src/views/GameView.vue @@ -153,6 +153,7 @@ onMounted(startGame) display: flex; flex-direction: column; height: 100vh; + overflow: hidden; background: #0a0a0f; color: #e0d0ff; font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif; @@ -226,6 +227,7 @@ onMounted(startGame) .game-main { flex: 1; + min-height: 0; display: flex; flex-direction: column; overflow: hidden; @@ -237,7 +239,9 @@ onMounted(startGame) .story-area { flex: 1; + min-height: 0; overflow-y: auto; + overflow-x: hidden; padding: 20px 0 12px; display: flex; flex-direction: column; @@ -291,11 +295,14 @@ onMounted(startGame) } .choices-area { - padding: 12px 0 16px; + flex-shrink: 0; + padding: 10px 0 14px; display: flex; flex-direction: column; - gap: 8px; - flex-shrink: 0; + gap: 7px; + border-top: 1px solid #2a1a4e; + max-height: 55vh; + overflow-y: auto; } .choice-btn { @@ -337,8 +344,10 @@ onMounted(startGame) } .restart-area { - padding: 16px 0; + flex-shrink: 0; + padding: 14px 0; text-align: center; + border-top: 1px solid #2a1a4e; } .btn-restart {