Fix lottie animations

PrimalHQ · May 29, 2024 · 61644c9 · 61644c9
1 parent 0cb86c7
commit 61644c9
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/src/components/Note/NoteFooter/NoteFooter.module.scss b/src/components/Note/NoteFooter/NoteFooter.module.scss
@@ -85,6 +85,10 @@
     }
   }
 
+  &.normal {
+    width: 100%;
+  }
+
   .context {
     background: none;
     display: flex;

diff --git a/src/components/Note/NoteFooter/NoteFooter.tsx b/src/components/Note/NoteFooter/NoteFooter.tsx
@@ -48,7 +48,7 @@ const NoteFooter: Component<{
   let footerDiv: HTMLDivElement | undefined;
   let repostMenu: HTMLDivElement | undefined;
 
-  const size = () => props.size || 'normal';
+  const size = () => props.size ?? 'normal';
 
   const repostMenuItems: MenuItem[] = [
     {
@@ -225,12 +225,17 @@ const NoteFooter: Component<{
         return;
       }
 
-      let newLeft = size() === 'wide' ? 15 : 13;
-      let newTop = size() === 'wide' ? -6 : -6;
+      let newLeft = 33;
+      let newTop = -6;
 
-      if (props.large) {
-        newLeft = 2;
-        newTop = -9;
+      if (size() === 'wide' && props.large) {
+        newLeft = 14;
+        newTop = -10;
+      }
+
+      if (size() === 'short') {
+        newLeft = 14;
+        newTop = -6;
       }
 
       medZapAnimation.style.left = `${newLeft}px`;