fix: 스크롤 이중 발생 수정, 선택 버튼 하단 고정
This commit is contained in:
parent
6935ea0a78
commit
5ce84d0e23
@ -153,6 +153,7 @@ onMounted(startGame)
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
overflow: hidden;
|
||||||
background: #0a0a0f;
|
background: #0a0a0f;
|
||||||
color: #e0d0ff;
|
color: #e0d0ff;
|
||||||
font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
|
font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
|
||||||
@ -226,6 +227,7 @@ onMounted(startGame)
|
|||||||
|
|
||||||
.game-main {
|
.game-main {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
min-height: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@ -237,7 +239,9 @@ onMounted(startGame)
|
|||||||
|
|
||||||
.story-area {
|
.story-area {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
min-height: 0;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
overflow-x: hidden;
|
||||||
padding: 20px 0 12px;
|
padding: 20px 0 12px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -291,11 +295,14 @@ onMounted(startGame)
|
|||||||
}
|
}
|
||||||
|
|
||||||
.choices-area {
|
.choices-area {
|
||||||
padding: 12px 0 16px;
|
flex-shrink: 0;
|
||||||
|
padding: 10px 0 14px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 8px;
|
gap: 7px;
|
||||||
flex-shrink: 0;
|
border-top: 1px solid #2a1a4e;
|
||||||
|
max-height: 55vh;
|
||||||
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.choice-btn {
|
.choice-btn {
|
||||||
@ -337,8 +344,10 @@ onMounted(startGame)
|
|||||||
}
|
}
|
||||||
|
|
||||||
.restart-area {
|
.restart-area {
|
||||||
padding: 16px 0;
|
flex-shrink: 0;
|
||||||
|
padding: 14px 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
border-top: 1px solid #2a1a4e;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-restart {
|
.btn-restart {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user