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-22 15:15:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Modal display and opening

Browse Source
This commit is contained in:
Jeffrey Biles
2020-03-29 14:31:09 -07:00
parent 93ad63af80
commit 4789f44bbe
2 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/MailTable.vue
View File

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

18
src/components/ModalView.vue Normal file
View File

@@ -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>