login from modal is working, register is lacking password generator

web/themes/custom/materiotheme/vuejs/components/Helper/Modal.vue

@@ -1,6 +1,12 @@
 <template>
-  <div class="overlay">
-    <div class="modal">
+  <div
+    class="overlay"
+    @click.self="close"
+  >
+    <div
+      class="modal"
+      v-bind:style="styles"
+    >
       <slot></slot>
     </div>
   </div>
@@ -8,9 +14,26 @@
 <script>
 export default {
   name: "",
+  props: {
+    styles: {
+      default: function () {
+        return {
+          width: '500px',
+          height: '350px'
+        }
+      },
+      type: Object
+    }
+  },
   data: () => ({
 
-  })
+  }),
+  methods: {
+    close () {
+      console.log('click close');
+      this.$emit('close')
+    }
+  }
 }
 </script>
 <style lang="scss" scoped>
@@ -23,9 +46,14 @@ export default {
 .modal{
   background-color:#fff;
   position:absolute;
-  width:250px;
-  height:200px;
+  box-sizing:border;
+  max-width:80vw;
+  max-height:70vh;
   top:0; right:0; bottom:0; left:0;
   margin:auto;
+  padding:1em;
+  border-radius:3px;
+  box-shadow:2px 2px;
+
 }
 </style>