fix: prevent choices from being cut off on tablet
This commit is contained in:
parent
7fa4f499ab
commit
e29226059c
@ -545,8 +545,8 @@ onMounted(resumeGame)
|
||||
.scene-area {
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
flex: 1 1 auto;
|
||||
min-height: 60px;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: center;
|
||||
@ -587,7 +587,9 @@ onMounted(resumeGame)
|
||||
.dialog-section {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
flex-shrink: 0;
|
||||
flex: 0 1 auto;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
padding: 0 12px 12px;
|
||||
padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
|
||||
display: flex;
|
||||
@ -667,6 +669,10 @@ onMounted(resumeGame)
|
||||
|
||||
/* ─── Choices ─── */
|
||||
.choices-frame {
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: linear-gradient(180deg,
|
||||
rgba(10,8,22,0.97) 0%,
|
||||
rgba(6,4,15,0.99) 100%
|
||||
@ -680,7 +686,8 @@ onMounted(resumeGame)
|
||||
}
|
||||
|
||||
.choices-inner {
|
||||
max-height: 38dvh;
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user