started modal login and registration

2019-10-05 21:40:26 +02:00
parent ebb20c6176
commit 79f9be6c06
5 changed files with 177 additions and 14 deletions
--- a/web/themes/custom/materiotheme/vuejs/components/Helper/Modal.vue
+++ b/web/themes/custom/materiotheme/vuejs/components/Helper/Modal.vue
@@ -0,0 +1,31 @@
+<template>
+  <div class="overlay">
+    <div class="modal">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "",
+  data: () => ({
+
+  })
+}
+</script>
+<style lang="scss" scoped>
+.overlay{
+  background-color: rgba(0,0,0,0.8);
+  position:fixed;
+  top:0; right:0; bottom:0; left:0;
+  z-index:99999;
+}
+.modal{
+  background-color:#fff;
+  position:absolute;
+  width:250px;
+  height:200px;
+  top:0; right:0; bottom:0; left:0;
+  margin:auto;
+}
+</style>