nanakura/moeka-project
1
0
Fork 0
Code Issues Pull Requests 1 Actions 1 Packages Projects Releases Wiki Activity

fix(stage-*): onboarding model selection footer overlap and list height (#1583)

Browse Source 
---------

Co-authored-by-agent: Cursor
This commit is contained in:
Lulu
2026-04-06 17:09:04 +08:00
committed by GitHub
parent 97b3cb9d34
commit bb9a602767
5 changed files with 119 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/stage-tamagotchi/src/renderer/pages/onboarding.vue
+8 -5
View File
@@ -47,10 +47,14 @@ async function handleConfigured() {
</script>
<template>
<div class="onboarding-root" h-full w-full flex flex-col overflow-x-hidden overflow-y-auto overscroll-none drag-region :class="bgClass">
<div :class="bgClass" w="100dvw" min-h="12" w-full flex-shrink-0 select-none />
<div class="onboarding-scroll" w-full flex-1 px-10>
<div class="onboarding-content" h-full>
<!-- Same flex/min-h-0 chain as OnboardingDialog so model step grid scrolls inside the viewport (not the whole page). -->
<div
class="onboarding-root h-full min-h-0 w-full flex flex-col overflow-hidden overscroll-none drag-region"
:class="bgClass"
>
<div class="min-h-12 w-full flex-shrink-0 select-none" :class="bgClass" />
<div class="onboarding-scroll min-h-0 w-full flex flex-1 flex-col overflow-hidden px-10">
<div class="onboarding-content min-h-0 flex flex-1 flex-col overflow-hidden">
<OnboardingScreen :extra-steps="extraSteps" @skipped="handleSkipped" @configured="handleConfigured" />
</div>
</div>
@@ -73,7 +77,6 @@ async function handleConfigured() {
.onboarding-scroll {
padding-top: 8px;
padding-bottom: 20px;
overflow-y: auto;
}
</style>