Merge branch 'master' of https://github.com/SiteForward/Newsletter-Ge…

…nerator
SiteForward · May 2, 2022 · 990f492 · 990f492
2 parents 2bf7030 + f8ed884
commit 990f492
Show file tree

Hide file tree

Showing 3 changed files with 235 additions and 238 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -2,6 +2,13 @@ html,
 body {
     height: 100%
 }
+.preview-body{
+    opacity: 0;
+    transition: opacity 0.35s;
+}
+.preview-body.loaded{
+    opacity: 1;
+}
 
 
 /* TinyMCE Styles */

diff --git a/js/scripts.js b/js/scripts.js
@@ -430,6 +430,7 @@ let app = new Vue({
     },
   },
   mounted() {
+    document.querySelector(".preview-body").classList.add("loaded");
     this.stylesBackup = JSON.parse(JSON.stringify(this.styles));
 
     var style = document.createElement("style");
@@ -819,6 +820,7 @@ let app = new Vue({
       loadJSONFile((d) => this.loadOptions(d));
     },
     loadTemplate(){
+      sendInfo("Loading Template...");
       fetch("templates/Newsletter - Template 1.json")
       .then(res =>  res.json())
       .then(data => {