matt/flotilla
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

PR-C1: adaptive video grid sizing (foundation) #2

Closed
hudson wants to merge 18 commits from flotilla-sph-adaptive-grid into dev
pull from: flotilla-sph-adaptive-grid
merge into: matt:dev
Conversation 1 Commits 18 Files changed 2 +5 -3
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 8bcc3ac918 - Show all commits

8
src/app/components/VideoCallContent.svelte
View file

@ -295,10 +295,12 @@
class="min-h-0 flex-1 overflow-y-auto"> class="min-h-0 flex-1 overflow-y-auto">
{#if tileGrid} {#if tileGrid}
<div <div
class="mx-auto grid content-start gap-2" class="flex flex-wrap justify-center gap-2"
style={`grid-template-columns: repeat(${tileGrid.cols}, ${tileGrid.tileWidth}px); grid-template-rows: repeat(${tileGrid.rows}, ${tileGrid.tileHeight}px)`}> style={`max-width: ${tileGrid.cols * tileGrid.tileWidth + (tileGrid.cols - 1) * 8}px`}>
{#each videoTiles as tile (tileKey(tile))} {#each videoTiles as tile (tileKey(tile))}
<div class="overflow-hidden rounded-2xl"> <div
class="overflow-hidden rounded-2xl shrink-0"
style={`width: ${tileGrid.tileWidth}px; height: ${tileGrid.tileHeight}px`}>
{@render videoTile(tile, "default")} {@render videoTile(tile, "default")}
</div> </div>
{/each} {/each}