From c9c221e35d1056c8e2c0803897add0d4c16746c6 Mon Sep 17 00:00:00 2001
From: Chrys <53332481+ChrAlpha@users.noreply.github.com>
Date: Sun, 12 Apr 2026 23:30:41 +0800
Subject: [PATCH] fix(web): constrain skills editor dialog layout (#363)

---
 .../src/pages/bots/components/bot-skills.vue  | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/apps/web/src/pages/bots/components/bot-skills.vue b/apps/web/src/pages/bots/components/bot-skills.vue
index fee00ad9..d1ee29ce 100644
--- a/apps/web/src/pages/bots/components/bot-skills.vue
+++ b/apps/web/src/pages/bots/components/bot-skills.vue
@@ -108,18 +108,20 @@
 
     <!-- Edit Dialog -->
     <Dialog v-model:open="isDialogOpen">
-      <DialogContent class="sm:max-w-2xl">
-        <DialogHeader>
+      <DialogContent class="sm:max-w-2xl max-h-[calc(100dvh-2rem)] flex flex-col overflow-hidden">
+        <DialogHeader class="shrink-0">
           <DialogTitle>{{ isEditing ? $t('common.edit') : $t('bots.skills.addSkill') }}</DialogTitle>
         </DialogHeader>
-        <div class="py-4 h-[400px]">
-          <MonacoEditor
-            v-model="draftRaw"
-            language="markdown"
-            :readonly="isSaving"
-          />
+        <div class="basis-[400px] flex-1 min-h-0 py-4">
+          <div class="h-full rounded-md border overflow-hidden">
+            <MonacoEditor
+              v-model="draftRaw"
+              language="markdown"
+              :readonly="isSaving"
+            />
+          </div>
         </div>
-        <DialogFooter>
+        <DialogFooter class="shrink-0">
           <DialogClose as-child>
             <Button
               variant="outline"