fix(web): constrain skills editor dialog layout (#363)

This commit is contained in:
Chrys
2026-04-12 23:30:41 +08:00
committed by GitHub
parent 6b9e69b514
commit c9c221e35d
@@ -108,18 +108,20 @@
<!-- Edit Dialog --> <!-- Edit Dialog -->
<Dialog v-model:open="isDialogOpen"> <Dialog v-model:open="isDialogOpen">
<DialogContent class="sm:max-w-2xl"> <DialogContent class="sm:max-w-2xl max-h-[calc(100dvh-2rem)] flex flex-col overflow-hidden">
<DialogHeader> <DialogHeader class="shrink-0">
<DialogTitle>{{ isEditing ? $t('common.edit') : $t('bots.skills.addSkill') }}</DialogTitle> <DialogTitle>{{ isEditing ? $t('common.edit') : $t('bots.skills.addSkill') }}</DialogTitle>
</DialogHeader> </DialogHeader>
<div class="py-4 h-[400px]"> <div class="basis-[400px] flex-1 min-h-0 py-4">
<MonacoEditor <div class="h-full rounded-md border overflow-hidden">
v-model="draftRaw" <MonacoEditor
language="markdown" v-model="draftRaw"
:readonly="isSaving" language="markdown"
/> :readonly="isSaving"
/>
</div>
</div> </div>
<DialogFooter> <DialogFooter class="shrink-0">
<DialogClose as-child> <DialogClose as-child>
<Button <Button
variant="outline" variant="outline"