Make avatars scale smoothly during animations

This commit is contained in:
Robin Townsend
2023-01-30 23:43:45 -05:00
parent e3081c1c06
commit 0166eb67fb
3 changed files with 11 additions and 1 deletions

View File

@@ -563,7 +563,7 @@ export const NewVideoGrid: FC<Props> = ({
>
{slots}
</div>
{tileTransitions(({ shadow, ...style }, tile) =>
{tileTransitions(({ shadow, width, height, ...style }, tile) =>
children({
...bindTile(tile.item.id),
key: tile.item.id,
@@ -571,6 +571,8 @@ export const NewVideoGrid: FC<Props> = ({
boxShadow: shadow.to(
(s) => `rgba(0, 0, 0, 0.5) 0px ${s}px ${2 * s}px 0px`
),
"--tileWidth": width.to((w) => `${w}px`),
"--tileHeight": height.to((h) => `${h}px`),
...style,
},
width: tile.width,