PR-C0: card-style no-video tiles (border + backdrop label) #3

Closed
hudson wants to merge 8 commits from j4k-card-style-no-video-tiles into dev
Showing only changes of commit 45bd5ec7cb - Show all commits

View file

@ -221,8 +221,7 @@
{@const media = $mediaStateByIdentity(tile.liveKitIdentity)}
<div
class={cx(
"relative isolate overflow-hidden rounded-2xl shadow-sm",
!tile.track && "border border-line border-solid",
"relative isolate overflow-hidden rounded-2xl shadow-sm border border-line",
layout === "spotlight" && "min-h-0 flex-1",
layout === "default" && "aspect-video w-full min-h-0",
layout === "strip" && "aspect-video w-44 shrink-0",
@ -249,9 +248,7 @@
</div>
{/if}
<span
class="pointer-events-none absolute bottom-1 left-1 max-w-[calc(100%-0.5rem)] truncate rounded px-1.5 py-0.5 text-xs {tile.track
? 'bg-surface/80'
: 'bg-backdrop/80'}">
class="pointer-events-none absolute bottom-1 left-1 max-w-[calc(100%-0.5rem)] truncate rounded bg-backdrop/80 px-1.5 py-0.5 text-xs">
{labelFor(tile.liveKitIdentity, tile.source)}{tile.isLocal ? " (you)" : ""}
</span>
{#if videoTiles.length > 1}