Commit a6b8482
share: render Lottie arrival heart-burst at native canvas size
Lottie's explosion.json is 420×502; we were forcing it into a 420×420
Positioned with BoxFit.contain, which uniform-scaled the animation
down by ~83% and lopped 82 px off the upward spread. End result: the
hearts clustered tightly just above the pill instead of fanning out
across the globe the way unbounded.lantern.io's CSS renders them
(width:420 with height:auto preserves the native aspect ratio).
Set height to 502 to match the native canvas exactly. Width and the
bottom/left negative offsets stay the same — the bottom of the
Lottie still anchors 55 px below the pill heart's bottom and 105 px
left of its left edge.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>1 parent 8f826ab commit a6b8482
1 file changed
Lines changed: 9 additions & 5 deletions
File tree
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
1119 | 1119 | | |
1120 | 1120 | | |
1121 | 1121 | | |
1122 | | - | |
1123 | | - | |
1124 | | - | |
1125 | | - | |
| 1122 | + | |
| 1123 | + | |
| 1124 | + | |
| 1125 | + | |
| 1126 | + | |
| 1127 | + | |
| 1128 | + | |
| 1129 | + | |
1126 | 1130 | | |
1127 | 1131 | | |
1128 | 1132 | | |
1129 | 1133 | | |
1130 | | - | |
| 1134 | + | |
1131 | 1135 | | |
1132 | 1136 | | |
1133 | 1137 | | |
| |||
0 commit comments