changes

app/components/marketing/email/Template1.vue

@@ -4,14 +4,7 @@
       :is="'style'"
       v-html="styles"
     />
-    <div
-      class="container py-6"
-      :style="{
-        minHeight: '100%',
-        backgroundColor: 'hsl(0, 0%, 97%)',
-        fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif',
-      }"
-    >
+    <div class="container py-6 min-h-full">
       <table
         role="presentation"
         cellspacing="0"
@@ -37,8 +30,7 @@
                   width: '100%',
                   maxWidth: '680px',
                   backgroundColor: '#ffffff',
-                  borderRadius: '16px',
-                  boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)',
+                  border: '1px solid #dedede',
                   overflow: 'hidden',
                 }"
               >
@@ -102,22 +94,21 @@
                           overflow: 'hidden',
                         }"
                       >
-                        <div :style="{ padding: '15px' }">
+                        <div
+                          class="message-content"
+                          :style="{
+                            padding: '16px',
+                            fontSize: '16px',
+                            margin: '0',
+                            color: '#374151',
+                            lineHeight: '1.6',
+                            wordBreak: 'break-word',
+                          }"
+                        >
                           <div
-                            class="message-content"
-                            :style="{
-                              fontSize: '16px',
-                              margin: '0',
-                              color: '#374151',
-                              lineHeight: '1.6',
-                              wordBreak: 'break-word',
-                            }"
-                          >
-                            <div
-                              class="content"
-                              v-html="processedMessage"
-                            />
-                          </div>
+                            class="content"
+                            v-html="processedMessage"
+                          ></div>
                         </div>
 
                         <div
@@ -169,7 +160,6 @@
                       <div
                         class="company-info"
                         :style="{
-                          background: 'linear-gradient(to right, #000000, #0f9b0f)',
                           color: '#ffffff',
                           borderRadius: '12px',
                         }"
@@ -233,7 +223,6 @@
 
 <script setup>
 import { imageUrl } from "~/components/marketing/email/Email.utils";
-import { computed } from "vue";
 
 const props = defineProps({
   content: Object,
@@ -248,7 +237,7 @@ const hasValidImage = computed(() => {
   return props.content.imageUrl && props.content.imageUrl.trim() !== "";
 });
 
-const replaceKeywords = (contentstring) => {
+const replaceKeywords = (content) => {
   if (!content) return "";
 
   let replacedContent = content;
@@ -415,10 +404,6 @@ const styles = `
       .message-text {
         font-size: 12px !important;
       }
-      .logo-container {
-        width: 150px !important;
-        height: 45px !important;
-      }
       .company-name {
         font-size: 12px !important;
         color: #ffffff !important;