2
0
mirror of https://github.com/frappe/books.git synced 2024-12-23 03:19:01 +00:00

feat: add a simple modal component

This commit is contained in:
18alantom 2022-03-11 15:00:57 +05:30
parent bbde25f392
commit 67cb1620b2

26
src/components/Modal.vue Normal file
View File

@ -0,0 +1,26 @@
<template>
<div
class="absolute w-screen h-screen z-20 flex justify-center items-center"
style="background: rgba(0, 0, 0, 0.25); backdrop-filter: blur(6px)"
v-if="openModal"
>
<div
class="bg-white rounded-lg shadow-2xl"
v-bind="$attrs"
style="width: 600px"
>
<slot></slot>
</div>
</div>
</template>
<script>
export default {
props: {
openModal: {
default: false,
type: Boolean,
},
},
};
</script>