Fix box shadow spring
This commit is contained in:
parent
7471e4b8c0
commit
3ad3098f04
1 changed files with 7 additions and 2 deletions
|
@ -202,14 +202,19 @@ export function GridDemo() {
|
||||||
{stream && <button onClick={removeTile}>Remove Tile</button>}
|
{stream && <button onClick={removeTile}>Remove Tile</button>}
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.grid} ref={gridRef}>
|
<div className={styles.grid} ref={gridRef}>
|
||||||
{springs.map((style, i) => {
|
{springs.map(({ shadow, ...style }, i) => {
|
||||||
const tile = tiles[i];
|
const tile = tiles[i];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ParticipantTile
|
<ParticipantTile
|
||||||
{...bind(i)}
|
{...bind(i)}
|
||||||
key={tile.key}
|
key={tile.key}
|
||||||
style={style}
|
style={{
|
||||||
|
boxShadow: shadow.to(
|
||||||
|
(s) => `rgba(0, 0, 0, 0.5) 0px ${s}px ${2 * s}px 0px`
|
||||||
|
),
|
||||||
|
...style,
|
||||||
|
}}
|
||||||
{...tile}
|
{...tile}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Add table
Reference in a new issue