From c0d1df094420be66eccbfa93626ee5d9ee5ec6a2 Mon Sep 17 00:00:00 2001
From: Paul Wilde <paul@wilde.cloud>
Date: Fri, 24 Mar 2023 17:27:18 +0000
Subject: [PATCH] working on switching to overlays instead of dialogs?

---
 src/components/AddNote.vue          | 2 ++
 src/components/CustomerComments.vue | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/AddNote.vue b/src/components/AddNote.vue
index 8459fc7..b684b5a 100644
--- a/src/components/AddNote.vue
+++ b/src/components/AddNote.vue
@@ -1,4 +1,5 @@
 <template>
+    <v-container>
     <v-card title="Add Comment">
         <v-card-text>
             <p>Add new comment for : {{ customer.acc_no }} - {{ customer.name }}</p>
@@ -11,6 +12,7 @@
         </v-card-actions>
 
     </v-card>
+    </v-container>
 </template>
 <script>
 import axios from 'axios'
diff --git a/src/components/CustomerComments.vue b/src/components/CustomerComments.vue
index 503b629..88e4a71 100644
--- a/src/components/CustomerComments.vue
+++ b/src/components/CustomerComments.vue
@@ -20,9 +20,9 @@
             </v-list>
         </v-card-text>
     </v-card>
-    <v-dialog v-model="dialog[0]">
+    <v-overlay v-model="dialog[0]" contained class="align-center justify-center">
         <AddNote :customer="customer" @return="closeAddNote"></AddNote>
-    </v-dialog>
+    </v-overlay>
 </template>
 <script>
 import Customer from '@/types/CustomerType.vue'