style: mobile imporve

moeru-ai · Dec 6, 2024 · 26c3794 · 26c3794
1 parent b69abd2
commit 26c3794
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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>