fix: changed paddings

BuildOnBeam · Nov 12, 2024 · aa1cb2b · aa1cb2b
1 parent ed6db7e
commit aa1cb2b
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -26,6 +26,10 @@
     <div id="app">
       <h1>Email Footer Generator</h1>
       <form @submit.prevent>
+        <div>
+          <label for="customGreeting">Custom Greeting:</label>
+          <input type="checkbox" id="customGreeting" v-model="customGreeting" />
+        </div>
         <div>
           <label for="name">Name:</label>
           <input type="text" id="name" v-model="name" />
@@ -53,9 +57,9 @@ <h1>Email Footer Generator</h1>
       <div class="footer">
         <table style="display: inline-block; border-spacing: 0px;">
           <tbody>
-            <tr>
-              <td style="padding: 0px;">
-                  <span style="margin-top: 10px; display: block;">Kind regards,</span>
+            <tr v-if="customGreeting">
+              <td style="padding: 0px; ">
+                  <span style="display: block; margin-bottom: 14px;">Kind regards,</span>
               </td>
             </tr>
             <tr>
@@ -67,7 +71,6 @@ <h1>Email Footer Generator</h1>
                     font-weight: normal;
                     font-size: 14px;
                     line-height: 18px;
-                    margin-top: 14px;
                     display: block;
                   "
                   >{{ name }}</span
@@ -169,6 +172,7 @@ <h2>Set up the footer in gmail</h2>
           jobTitle: localStorage.getItem('jobTitle') || "Software Engineer",
           phoneNumber: localStorage.getItem('phoneNumber') || "+316 12 345 678",
           phoneNumberCallable: localStorage.getItem('phoneNumberCallable') || "0031612345678",
+          customGreeting: localStorage.getItem('customGreeting') || true,
         },
         watch: {
           name(newValue) {
@@ -185,6 +189,9 @@ <h2>Set up the footer in gmail</h2>
           },
           phoneNumberCallable(newValue) {
             localStorage.setItem('phoneNumberCallable', newValue);
+          },
+          customGreeting(newValue) {
+            localStorage.setItem('customGreeting', this.customGreeting);
           }
         },
         methods: {