handling resize

earthrise-media · Jan 11, 2024 · 4b8405e · 4b8405e
1 parent 25981ba
commit 4b8405e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/css/style.css b/src/css/style.css
@@ -454,6 +454,12 @@ figure p {
     bottom: 0px;
 }
 
+#emojiCanvas {
+    width: 100%;
+    height: 100%;
+    /* additional styles */
+}
+
 @media only screen and (max-width: 767px) {
     #dynamic-frame,
     #static-frame,
@@ -748,9 +754,3 @@ figure p {
         margin: 0rem;
     }
 }
-
-#emojiCanvas {
-    width: 100%;
-    height: 100%;
-    /* additional styles */
-}
diff --git a/src/main.js b/src/main.js
@@ -127,6 +127,7 @@ function init() {
             // progress: true,
         })
         .onStepEnter(handleStepEnter);
+    window.addEventListener("resize", handleResize);
 }
 
 function figureUpdate(stepNumber) {