@burh/nuxt-core 1.0.410 → 1.0.412

package/components/burh-ds/Modals/AddCustomerModal.vue

@@ -1,8 +1,7 @@
 <template>
-	<el-dialog
-		:visible.sync="isActive"
-		width="55%"
-		custom-class="position-relative"
+	<modal
+		:show.sync="isActive"
+		:size="'lg'"
 		@close="$emit('close')"
 	>
 		<template v-if="isActive">
@@ -247,11 +246,11 @@
 				/>
 			</span>
 		</template>
-	</el-dialog>
+	</modal>
 </template>
 
 <script>
-import { Dialog, Select, Option } from 'element-ui';
+import { Select, Option } from 'element-ui';
 import { mask } from 'vue-the-mask';
 import swal from 'sweetalert2';
 import removeAccents from 'remove-accents';
@@ -262,7 +261,6 @@ export default {
 		mask
 	},
 	components: {
-		[Dialog.name]: Dialog,
 		[Select.name]: Select,
 		[Option.name]: Option,
 
@@ -467,20 +465,6 @@ body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .s
 <style lang="scss" scoped>
 @import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
 
-/deep/ .el-dialog__body {
-    padding: 0;
-}
-
-/deep/ .el-dialog__header {
-    display: none;
-}
-
-/deep/ .el-dialog {
-    overflow: hidden;
-    border-radius: 10px;
-    max-width: 47.5rem;
-}
-
 .role {
     padding: 2rem 3rem;
 
@@ -499,29 +483,4 @@ body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .s
 	}
 }
 
-.tool {
-    position: absolute;
-    top: 1rem;
-    z-index: 10;
-    color: $primary;
-    cursor: pointer;
-
-    &-close {
-        position: absolute;
-        width: 88px;
-        height: 27px;
-        right: 7px;
-        top: 7px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        font-size: 11px;
-
-        font-weight: 500;
-        background: rgba(0, 0, 0, 0.2);
-        border-radius: 17.5px;
-        color: #fff;
-    }
-}
 </style>

package/components/burh-ds/Modals/AddMember.vue

@@ -1,8 +1,7 @@
 <template>
-	<el-dialog
-		:visible.sync="isActive"
-		width="65%"
-		custom-class="position-relative"
+	<modal
+		:show.sync="isActive"
+		:size="'xl'"
 		@close="$emit('close')"
 	>
 		<template>
@@ -105,18 +104,17 @@
 				/>
 			</span>
 		</template>
-	</el-dialog>
+	</modal>
 </template>
 
 <script>
-import { Dialog, Select, Option } from 'element-ui';
+import { Select, Option } from 'element-ui';
 import getPrefixes from '~/util/getPrefixes.js';
 import SkeletonAnimate from '../Skeleton/SkeletonAnimate.vue';
 
 export default {
 	name: 'member-modal',
 	components: {
-		[Dialog.name]: Dialog,
 		[Select.name]: Select,
 		[Option.name]: Option,
 		SkeletonAnimate
@@ -171,21 +169,6 @@ export default {
 <style lang="scss" scoped>
 @import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
 
-/deep/ .el-dialog__body {
-    padding: 0;
-}
-
-/deep/ .el-dialog__header {
-    display: none;
-}
-
-/deep/ .el-dialog {
-    overflow: hidden;
-    border-radius: 10px;
-    padding-bottom: 3.125rem;
-    max-width: 60.43rem;
-}
-
 .member {
     padding: 3rem 2rem;
 
@@ -272,30 +255,4 @@ export default {
 		}
 	}
 }
-
-.tool {
-    position: absolute;
-    top: 1rem;
-    z-index: 10;
-    color: $primary;
-    cursor: pointer;
-
-    &-close {
-        position: absolute;
-        width: 5.5rem;
-        height: 1.6rem;
-        right: 7px;
-        top: 7px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        font-size: 11px;
-
-        font-weight: 500;
-        background: rgba(0, 0, 0, 0.2);
-        border-radius: 17.5px;
-        color: #fff;
-    }
-}
 </style>

package/components/burh-ds/Modals/AddRoleModal.vue

@@ -1,8 +1,6 @@
 <template>
-	<el-dialog
-		:visible.sync="isActive"
-		width="55%"
-		custom-class="position-relative"
+	<modal
+		:show.sync="isActive"
 		@close="$emit('close')"
 	>
 		<template>
@@ -66,16 +64,15 @@
 				/>
 			</span>
 		</template>
-	</el-dialog>
+	</modal>
 </template>
 
 <script>
-import { Dialog, Select, Option } from 'element-ui';
+import { Select, Option } from 'element-ui';
 
 export default {
 	name: 'add-role-modal',
 	components: {
-		[Dialog.name]: Dialog,
 		[Select.name]: Select,
 		[Option.name]: Option,
 	},
@@ -131,20 +128,6 @@ export default {
 <style lang="scss" scoped>
 @import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
 
-/deep/ .el-dialog__body {
-    padding: 0;
-}
-
-/deep/ .el-dialog__header {
-    display: none;
-}
-
-/deep/ .el-dialog {
-    overflow: hidden;
-    border-radius: 10px;
-    max-width: 47.5rem;
-}
-
 .role {
     padding: 2rem 3rem;
 
@@ -156,30 +139,4 @@ export default {
         }
     }
 }
-
-.tool {
-    position: absolute;
-    top: 1rem;
-    z-index: 10;
-    color: $primary;
-    cursor: pointer;
-
-    &-close {
-        position: absolute;
-        width: 88px;
-        height: 27px;
-        right: 7px;
-        top: 7px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        font-size: 11px;
-
-        font-weight: 500;
-        background: rgba(0, 0, 0, 0.2);
-        border-radius: 17.5px;
-        color: #fff;
-    }
-}
 </style>