coracle/flotilla
1
3
Fork 9
Code Issues 32 Pull Requests 1 Actions Packages Projects 5 Releases Wiki Activity

fix(video): use single-column tile grid when chat is open (#278)

Browse Source 
Co-authored-by: userAdityaa <aditya.chaudhary1558@gmail.com>
Co-committed-by: userAdityaa <aditya.chaudhary1558@gmail.com>
This commit was merged in pull request #278.
This commit is contained in:
Aditya Chaudhary
2026-05-20 16:42:16 +00:00
committed by hodlbod
parent 6267e52bdf
commit eb8dd330b6
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/VideoCallContent.svelte
+4 -2
View File
@@ -144,6 +144,9 @@
const useSpotlightLayout = $derived(primaryTile !== undefined) const useSpotlightLayout = $derived(primaryTile !== undefined)
const useMultiGrid = $derived(!useSpotlightLayout && videoTiles.length > 2) const useMultiGrid = $derived(!useSpotlightLayout && videoTiles.length > 2)
const multiGridClass = $derived(
layout === VideoCallLayout.Split ? "grid-cols-1" : "grid-cols-1 sm:grid-cols-2",
)
$effect(() => { $effect(() => {
const k = $videoPrimaryTileKey const k = $videoPrimaryTileKey
@@ -238,8 +241,7 @@
{/if} {/if}
</div> </div>
{:else if useMultiGrid} {:else if useMultiGrid}
<div <div class={cx("grid min-h-0 flex-1 content-start gap-2 overflow-y-auto", multiGridClass)}>
class="grid min-h-0 flex-1 grid-cols-1 content-start gap-2 overflow-y-auto sm:grid-cols-2">
{#each videoTiles as tile (tileKey(tile))} {#each videoTiles as tile (tileKey(tile))}
{@render videoTile(tile, "default")} {@render videoTile(tile, "default")}
{/each} {/each}