ayanova/src/components/gzconfirm.vue

@@ -9,7 +9,7 @@
       :data-cy="!!$ay.dev ? 'gzconfirm' : false"
     >
       <v-card elevation="24">
-        <v-card-title class="headline lighten-2" primary-title>
+        <v-card-title class="text-h6 text-sm-h5 grey lighten-4">
           <template v-if="options.type == 'success'">
             <v-icon large color="success">fa-check-circle</v-icon>
           </template>
@@ -22,11 +22,13 @@
           <template v-if="options.type == 'error'">
             <v-icon large color="error">fa-exclamation-triangle</v-icon>
           </template>
-          <span v-if="options.title"> {{ options.title }} </span>
+          <span v-if="options.title" class="ml-5"> {{ options.title }} </span>
         </v-card-title>
 
-        <v-card-text>
-          {{ options.message }}
+        <v-card-text
+          class="text-body-1 text-sm-h6 my-5"
+          v-html="options.message"
+        >
         </v-card-text>
 
         <v-card-actions>
@@ -69,6 +71,9 @@ export default {
   }),
   methods: {
     open(options) {
+      if (options.message.includes("\n")) {
+        options.message = options.message.replace(/\n/g, "<br />");
+      }
       this.options = Object.assign(this.options, options);
       this.maxWidth = Math.floor(window.innerWidth * 0.9);
       let calculatedWidth = Math.floor(window.innerWidth * 0.5);