mirror of
https://github.com/memohai/Memoh.git
synced 2026-04-25 07:00:48 +09:00
fix(web): constrain skills editor dialog layout (#363)
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
Reference in New Issue
Block a user