From 26c37943bfa416c7fd01adfec3bd653ffaf34fe3 Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Sat, 7 Dec 2024 03:55:19 +0800
Subject: [PATCH] style: mobile imporve

---
 packages/stage/src/components/MainStage.vue | 2 +-
 packages/stage/src/components/Settings.vue  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/stage/src/components/MainStage.vue b/packages/stage/src/components/MainStage.vue
index 464a138..5174dba 100644
--- a/packages/stage/src/components/MainStage.vue
+++ b/packages/stage/src/components/MainStage.vue
@@ -293,7 +293,7 @@ onUnmounted(() => {
       </div>
       <Settings />
     </div>
-    <div flex="~ row 1" max-h="[calc(100vh-220px)]" relative h-full w-full items-end gap-2>
+    <div flex="~ row 1" max-h="[calc(100vh-220px)] <sm:[calc(100vh-320px)]" relative h-full w-full items-end gap-2>
       <Live2DViewer
         v-if="stageView === '2d'"
         ref="live2DViewerRef"
diff --git a/packages/stage/src/components/Settings.vue b/packages/stage/src/components/Settings.vue
index 0757a5c..9f4fe40 100644
--- a/packages/stage/src/components/Settings.vue
+++ b/packages/stage/src/components/Settings.vue
@@ -74,8 +74,8 @@ const show = ref(false)
         </label>
       </div>
       <div
-        v-if="show" w="120" right="0" bg="zinc-100 dark:zinc-700"
-        grid="~ cols-[140px_1fr]" absolute z-10 my-2 items-center gap-1.5 rounded-lg p-2
+        v-if="show" w="120 <sm:[calc(100vw-16px)]" right="0" bg="zinc-100 dark:zinc-700"
+        grid="~ cols-[140px_1fr]" absolute z-100 my-2 items-center gap-1.5 rounded-lg p-2
       >
         <div text-sm>
           <span>OpenAI API BaseURL</span>