#27 Fixs css

gluebi · Nov 2, 2022 · bf62ddd · bf62ddd
1 parent 123045d
commit bf62ddd
Showing 1 changed file with 4 additions and 9 deletions.
diff --git a/src/components/CookieComply.vue b/src/components/CookieComply.vue
@@ -214,16 +214,16 @@ export default {
 };
 </script>
 
-<style>
+<style lang="css">
 @import '../styles/variables.css';
 
 /* Render cookie comply out of viewport to reduce LCP */
 @keyframes fade-in {
   0% {
-    opacity(0);
+    opacity: 0;
   }
   100% {
-    opacity(1);
+    opacity: 1;
   }
 }
 @keyframes slide-up {
@@ -235,11 +235,6 @@ export default {
   }
 }
 
-.out-of-viewport {
-  transform: translateY(110vh);
-  animation: slide-up 1s forwards;
-}
-
 .cookie-comply-body-grey-out {
   position: fixed;
   top: 0;
@@ -266,7 +261,7 @@ export default {
   box-shadow: var(--box-shadow);
   padding: var(--spacing-md);
   border-radius: var(--border-radius);
-  transform: translateY(100%);
+  animation: slide-up 1s forwards;
 }
 
 .cookie-comply-edit {