fix(modal): do not animate transform-origin

Satellite-im · Jul 6, 2022 · a1d482f · a1d482f
1 parent 42323c5
commit a1d482f
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/components/ui/Modal/Modal.less b/components/ui/Modal/Modal.less
@@ -10,7 +10,7 @@
 
 .modal-background {
   &:extend(.blur-less);
-  background: rgba(0,0,0,0.25);
+  background: rgba(0, 0, 0, 0.25);
 }
 
 .modal-card-body {
@@ -31,6 +31,7 @@
 .modal-card {
   width: fit-content;
   box-shadow: @ui-shadow;
+  transform-origin: 50% 200%;
 }
 
 .modal-container {
@@ -97,7 +98,9 @@
 
 .modal-enter-active,
 .modal-leave-active {
-  &, .modal-background, .modal-card {
+  &,
+  .modal-background,
+  .modal-card {
     transition: all @animation-speed-long ease;
   }
 }
@@ -112,7 +115,6 @@
   .modal-card {
     opacity: 0;
     transform: perspective(400px) rotateX(2deg);
-    transform-origin: 50% 200%;
     filter: @light-blur;
   }
 }