Started on dialog stack
This commit is contained in:
19
app/imports/ui/components/DialogBase.vue
Normal file
19
app/imports/ui/components/DialogBase.vue
Normal file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<transition
|
||||
v-on:before-enter="beforeEnter"
|
||||
v-on:enter="enter"
|
||||
v-on:after-enter="afterEnter"
|
||||
v-on:enter-cancelled="enterCancelled"
|
||||
|
||||
v-on:before-leave="beforeLeave"
|
||||
v-on:leave="leave"
|
||||
v-on:after-leave="afterLeave"
|
||||
v-on:leave-cancelled="leaveCancelled"
|
||||
>
|
||||
<v-card>
|
||||
<v-toolbar></v-toolbar>
|
||||
<v-layout></v-layout>
|
||||
<v-card-actions></v-card-actions>
|
||||
</v-card>
|
||||
</transition>
|
||||
</template>
|
||||
18
app/imports/ui/components/DialogStack.vue
Normal file
18
app/imports/ui/components/DialogStack.vue
Normal file
@@ -0,0 +1,18 @@
|
||||
<template>
|
||||
<v-layout class="dialog-stack" column aligned-center justified-center>
|
||||
<div class="backdrop"></div>
|
||||
<div class="dialog-sizer">
|
||||
<v-card
|
||||
class="dialog"
|
||||
v-for="dialog in dialogs"
|
||||
:key="dialog.key"
|
||||
>
|
||||
<component :is="component"></component>
|
||||
</v-card>
|
||||
</div>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
</script>
|
||||
Reference in New Issue
Block a user