2021-06-11 11:29:36 +02:00
|
|
|
<script lang="ts">
|
2021-12-06 16:12:37 +01:00
|
|
|
import { LayoutMode } from "../../WebRtc/LayoutManager";
|
|
|
|
import { layoutModeStore } from "../../Stores/StreamableCollectionStore";
|
2021-06-15 17:30:28 +02:00
|
|
|
import PresentationLayout from "./PresentationLayout.svelte";
|
|
|
|
import ChatLayout from "./ChatLayout.svelte";
|
2021-06-11 11:29:36 +02:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<div class="video-overlay">
|
2021-12-06 16:12:37 +01:00
|
|
|
{#if $layoutModeStore === LayoutMode.Presentation}
|
2021-06-15 17:30:28 +02:00
|
|
|
<PresentationLayout />
|
2021-12-06 16:12:37 +01:00
|
|
|
{:else}
|
2021-06-15 17:30:28 +02:00
|
|
|
<ChatLayout />
|
|
|
|
{/if}
|
2021-06-11 11:29:36 +02:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
.video-overlay {
|
2021-12-06 16:12:37 +01:00
|
|
|
display: flex;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
2021-06-11 11:29:36 +02:00
|
|
|
}
|
|
|
|
</style>
|