WIP: account edit modal layout done (now: without password rows)

src/views/AccountManagement/ModalContainer.vue

@@ -1,21 +1,16 @@
 <template>
     <div id="modal_container" v-if="modalStore.isModalOpen" class="fixed w-screen h-screen bg-gray-800
         flex justify-center items-center">
-      <button @click="modalStore.openModal" class="flex px-4 py-2 bg-blue-500 text-white rounded">
-        Open Modal
-      </button>
 
-      <button @click="modalStore.closeModal" class="flex px-4 py-2 bg-blue-500 text-white rounded">
-        Close Modal
-      </button>
-  
-
-    </div>
+      <div class="flex">
+        <ModalAccountEdit/>
+      </div>
+    </div>    
   </template>
   
   <script>
   import { useModalStore } from '@/stores/modal.js';
-  
+  import ModalAccountEdit from './ModalAccountEdit.vue';
   export default {
     setup() {
       const modalStore = useModalStore();
@@ -23,11 +18,14 @@
         modalStore,
       };
     },
+    components: {
+      ModalAccountEdit,
+    }
   };
   </script>
 <style>
 #modal_container {
     z-index: 9999;
-    background-color: rgb(254,254,254);
+    background-color: rgba(254,254,254, 0.8);
 }
 </style>