Modal display and opening

src/components/MailTable.vue

@@ -18,13 +18,16 @@
     </tbody>
   </table>
 
-  <MailView :email="openedEmail" v-if="openedEmail" />
+  <ModalView v-if="openedEmail">
+    <MailView :email="openedEmail" />
+  </ModalView>
 </template>
 
 <script>
   import { format } from 'date-fns';
   import axios from 'axios';
   import MailView from '@/components/MailView.vue';
+  import ModalView from '@/components/ModalView.vue';
 
   export default {
     async setup(){
@@ -38,7 +41,8 @@
       }
     },
     components: {
-      MailView
+      MailView,
+      ModalView
     },
     computed: {
       unarchivedEmails(){

src/components/ModalView.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="modal">
+    <div class="overlay"></div>
+    <div class="modal-card">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    
+  }
+</script>
+
+<style scoped>
+
+</style>