Fix framer motion animation issues with correct use of AnimatePresenc…

…e, refs #47 #48
tangway · May 7, 2024 · cd6356d · cd6356d
1 parent 8cfa6da
commit cd6356d
Show file tree

Hide file tree

Showing 7 changed files with 114 additions and 67 deletions.
diff --git a/dist/assets/index-2C9XmhFc.js → dist/assets/index-LBKTm4wO.js b/dist/assets/index-2C9XmhFc.js → dist/assets/index-LBKTm4wO.js
diff --git a/dist/assets/index-oTcVm--3.css b/dist/assets/index-oTcVm--3.css
diff --git a/dist/assets/index-v3wCLHCk.css b/dist/assets/index-v3wCLHCk.css
diff --git a/dist/index.html b/dist/index.html
@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>React Framer Motion Tests</title>
-    <script type="module" crossorigin src="/flag-guessing-game-frontend/assets/index-2C9XmhFc.js"></script>
-    <link rel="stylesheet" crossorigin href="/flag-guessing-game-frontend/assets/index-v3wCLHCk.css">
+    <script type="module" crossorigin src="/flag-guessing-game-frontend/assets/index-LBKTm4wO.js"></script>
+    <link rel="stylesheet" crossorigin href="/flag-guessing-game-frontend/assets/index-oTcVm--3.css">
   </head>
   <body>
     <div id="root"></div>

diff --git a/src/App.scss b/src/App.scss
@@ -188,6 +188,10 @@ body {
   display: flex;
   align-items: center;
   justify-content: center;
+  // flex-grow: 1;
+  // flex-basis: 0;
+  // flex-shrink: 1;
+  // height: 30dvh;
 
   svg {
     width: 100%;