From 59bb5cde82d3e61bb791a6ddcf9a7027a77f7f2f Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Mon, 22 Dec 2025 12:16:04 +0800
Subject: [PATCH] fix(stage-web): not full on model screen, should padding
 bottom for chat

---
 .../src/components/Layouts/MobileInteractiveArea.vue          | 4 +---
 apps/stage-web/src/layouts/settings.vue                       | 2 +-
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/apps/stage-web/src/components/Layouts/MobileInteractiveArea.vue b/apps/stage-web/src/components/Layouts/MobileInteractiveArea.vue
index 7825134fe..300f5062a 100644
--- a/apps/stage-web/src/components/Layouts/MobileInteractiveArea.vue
+++ b/apps/stage-web/src/components/Layouts/MobileInteractiveArea.vue
@@ -139,9 +139,7 @@ onMounted(() => {
           :sending="sending"
           :streaming-message="streamingMessage"
           max-w="[calc(100%-3.5rem)]"
-          w-full
-          self-start
-          pl-3
+          w-full self-start pb-3 pl-3
           class="chat-history"
           :class="[
             'relative z-20',
diff --git a/apps/stage-web/src/layouts/settings.vue b/apps/stage-web/src/layouts/settings.vue
index b31a6d037..3645f1286 100644
--- a/apps/stage-web/src/layouts/settings.vue
+++ b/apps/stage-web/src/layouts/settings.vue
@@ -146,7 +146,7 @@ onMounted(() => updateThemeColor())
       <HeaderLink />
     </div>
     <!-- Content -->
-    <div class="max-h-[calc(100%-40px)] px-3 py-0 sm:max-h-[calc(100%-56px)] 2xl:max-w-screen-2xl md:py-0 xl:px-4" flex="~ col" mx-auto>
+    <div class="max-h-[calc(100%-40px)] px-3 py-0 sm:max-h-[calc(100%-56px)] 2xl:max-w-screen-2xl md:py-0 xl:px-4" flex="~ col" mx-auto h-full>
       <PageHeader
         :title="routeHeaderMetadata?.title"
         :subtitle="routeHeaderMetadata?.subtitle"