Dev

gui/src/components/Modal/ResourceEditing.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-col text-start">
     <slot name="title"></slot>
-    <ResourceForm :resource-data="resourceData" :rules="rules"/>
+    <ResourceForm :resource-data="resourceData" :rules="rules" :is-editing="true" />
     <Dialog.Footer>
       <Button type="button" variant="outline-secondary" @click="closeModal(false)" class="w-20 mr-4"> Cancel </Button>
       <Button variant="primary" type="button" class="w-20" @click="editResource"> Save </Button>

gui/src/components/Modal/ResourceForm.vue

@@ -225,11 +225,14 @@ import Button from "@/base-components/Button";
 
 const resourceStore = useResourceStore()
 
-const props = defineProps(['resourceData', 'rules'])
+const props = defineProps(['resourceData', 'rules', 'isEditing']);
+
 
 const resourceData = ref<IResourcePayload>(props.resourceData)
 
-const showPrivateKey = ref(false);
+
+const showPrivateKey = ref(!props.isEditing);
+
 
 const maskedPrivateKey = computed(() => {
   return props.resourceData.sshCredentials.privateKey.replace(/./g, '*');

gui/src/components/Modal/index.vue

@@ -1,6 +1,6 @@
 <template>
-  <Dialog static  scrollable size="xl" :open="Boolean(openedModalWindow)" @close="() => null">
-    <Dialog.Panel>
+  <Dialog static  scrollable size="xl" :open="Boolean(openedModalWindow)" @close="() => null" >
+    <Dialog.Panel class="bg-white w-full max-w-3xl p-4 rounded-lg max-h-[90vh] overflow-y-auto">
       <Snackbar v-if="uiStore.snackbarMessage" />
       <component v-if="openedModalWindow" :is="components[openedModalWindow.name]" :payload="openedModalWindow.payload">
         <template #title>