From 38463e052ada21bf7b7bfe58dfd29b0cf722e64c Mon Sep 17 00:00:00 2001
From: mwdchang <mwdchang@gmail.com>
Date: Thu, 13 Jul 2023 18:16:50 -0400
Subject: [PATCH] fix: modal size

---
 .../src/components/models/tera-model-diagram.vue       | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/client/hmi-client/src/components/models/tera-model-diagram.vue b/packages/client/hmi-client/src/components/models/tera-model-diagram.vue
index 133dac2919..d092be4ff4 100644
--- a/packages/client/hmi-client/src/components/models/tera-model-diagram.vue
+++ b/packages/client/hmi-client/src/components/models/tera-model-diagram.vue
@@ -152,7 +152,11 @@
 	</main>
 
 	<Teleport to="body">
-		<tera-modal v-if="openEditNode === true" @modal-mask-clicked="openEditNode = false">
+		<tera-modal
+			class="edit-modal"
+			v-if="openEditNode === true"
+			@modal-mask-clicked="openEditNode = false"
+		>
 			<template #header>
 				<h4>Add/Edit node</h4>
 			</template>
@@ -797,4 +801,8 @@ section math-editor {
 	width: 100%;
 	height: 100%;
 }
+
+.edit-modal:deep(main) {
+	max-width: 50rem;
+}
 </style>