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:
parent
bbde25f392
commit
67cb1620b2
26
src/components/Modal.vue
Normal file
26
src/components/Modal.vue
Normal 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>
|
Loading…
Reference in New Issue
Block a user