WIP account mgmt data-table prototype and modal prototype.

This commit is contained in:
Cindy Chang
2024-06-19 15:55:02 +08:00
parent 50c98892c4
commit b7862ab164
9 changed files with 252 additions and 11 deletions

View File

@@ -0,0 +1,33 @@
<template>
<div id="modal_container" v-if="modalStore.isModalOpen" class="fixed w-screen h-screen bg-gray-800
flex justify-center items-center">
<button @click="modalStore.openModal" class="flex px-4 py-2 bg-blue-500 text-white rounded">
Open Modal
</button>
<button @click="modalStore.closeModal" class="flex px-4 py-2 bg-blue-500 text-white rounded">
Close Modal
</button>
</div>
</template>
<script>
import { useModalStore } from '@/stores/modal.js';
export default {
setup() {
const modalStore = useModalStore();
return {
modalStore,
};
},
};
</script>
<style>
#modal_container {
z-index: 9999;
background-color: rgb(254,254,254);
}
</style>