totole/build-gmail-clone-with-vue-3
1
0
Fork 0
mirror of https://github.com/kevin-DL/build-gmail-clone-with-vue-3.git synced 2026-01-11 18:54:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Click on overly to close modal

Browse Source
This commit is contained in:
Jeffrey Biles
2020-03-29 14:40:18 -07:00
parent 4789f44bbe
commit 77e1a1d407
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/MailTable.vue
View File

@@ -18,8 +18,8 @@
</tbody> </tbody>
</table> </table>
<ModalView v-if="openedEmail"> <ModalView v-if="openedEmail" :closeModal="() => { openedEmail = null; }">
<MailView :email="openedEmail" /> <MailView v-if="openedEmail" :email="openedEmail" />
</ModalView> </ModalView>
</template> </template>

9
src/components/ModalView.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="modal"> <div class="modal">
<div class="overlay"></div> <div class="overlay" @click="closeModal"></div>
<div class="modal-card"> <div class="modal-card">
<slot /> <slot />
</div> </div>
@@ -9,7 +9,12 @@
<script> <script>
export default { export default {
props: {
closeModal: {
type: Function,
required: true
}
}
} }
</script> </script>