hyoseung/stigmata-rpg
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: prevent choices from being cut off on tablet

Browse Source
This commit is contained in:
hyoseung 2026-05-29 12:51:32 +09:00
parent 7fa4f499ab
commit e29226059c
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/GameView.vue
View File

@ -545,8 +545,8 @@ onMounted(resumeGame)
.scene-area { .scene-area {
position: relative; position: relative;
z-index: 5; z-index: 5;
flex: 1; flex: 1 1 auto;
min-height: 0; min-height: 60px;
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
justify-content: center; justify-content: center;
@ -587,7 +587,9 @@ onMounted(resumeGame)
.dialog-section { .dialog-section {
position: relative; position: relative;
z-index: 10; z-index: 10;
flex-shrink: 0; flex: 0 1 auto;
min-height: 0;
overflow: hidden;
padding: 0 12px 12px; padding: 0 12px 12px;
padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)); padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
display: flex; display: flex;
@ -667,6 +669,10 @@ onMounted(resumeGame)
/* ─── Choices ─── */ /* ─── Choices ─── */
.choices-frame { .choices-frame {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
background: linear-gradient(180deg, background: linear-gradient(180deg,
rgba(10,8,22,0.97) 0%, rgba(10,8,22,0.97) 0%,
rgba(6,4,15,0.99) 100% rgba(6,4,15,0.99) 100%
@ -680,7 +686,8 @@ onMounted(resumeGame)
} }
.choices-inner { .choices-inner {
max-height: 38dvh; flex: 1;
min-height: 0;
overflow-y: auto; overflow-y: auto;
} }