diff --git a/front/src/Components/CameraControls.svelte b/front/src/Components/CameraControls.svelte index 17440a65..4e42d6db 100644 --- a/front/src/Components/CameraControls.svelte +++ b/front/src/Components/CameraControls.svelte @@ -7,6 +7,8 @@ import cinemaCloseImg from "./images/cinema-close.svg"; import microphoneImg from "./images/microphone.svg"; import microphoneCloseImg from "./images/microphone-close.svg"; + import layoutPresentationImg from "./images/layout-presentation.svg"; + import layoutChatImg from "./images/layout-chat.svg"; import {layoutModeStore} from "../Stores/LayoutStore"; import {LayoutMode} from "../WebRtc/LayoutManager"; import {peerStore} from "../Stores/PeerStore"; @@ -48,9 +50,9 @@
{#if $layoutModeStore === LayoutMode.Presentation } - Switch to mosaic mode + Switch to mosaic mode {:else} - Switch to presentation mode + Switch to presentation mode {/if}
diff --git a/front/src/Components/images/layout-chat.svg b/front/src/Components/images/layout-chat.svg new file mode 100644 index 00000000..af071d49 --- /dev/null +++ b/front/src/Components/images/layout-chat.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/front/src/Components/images/layout-presentation.svg b/front/src/Components/images/layout-presentation.svg new file mode 100644 index 00000000..bf65d002 --- /dev/null +++ b/front/src/Components/images/layout-presentation.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/front/style/style.scss b/front/style/style.scss index df5f951f..ba048c58 100644 --- a/front/style/style.scss +++ b/front/style/style.scss @@ -231,7 +231,7 @@ video.myCamVideo{ background: #666; box-shadow: 2px 2px 24px #444; border-radius: 48px; - transform: translateY(20px); + transform: translateY(15px); transition-timing-function: ease-in-out; margin: 0 4%; }