Merge pull request #1091 from thecodingmachine/fixing_button_style
Fixing buttons design
This commit is contained in:
commit
4077db37e3
@ -35,21 +35,21 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="btn-cam-action">
|
<div class="btn-cam-action">
|
||||||
<div class="btn-monitor" on:click={screenSharingClick} class:hide={!$screenSharingAvailableStore}>
|
<div class="btn-monitor" on:click={screenSharingClick} class:hide={!$screenSharingAvailableStore} class:enabled={$requestedScreenSharingState}>
|
||||||
{#if $requestedScreenSharingState}
|
{#if $requestedScreenSharingState}
|
||||||
<img src={monitorImg} alt="Start screen sharing">
|
<img src={monitorImg} alt="Start screen sharing">
|
||||||
{:else}
|
{:else}
|
||||||
<img src={monitorCloseImg} alt="Stop screen sharing">
|
<img src={monitorCloseImg} alt="Stop screen sharing">
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
<div class="btn-video" on:click={cameraClick}>
|
<div class="btn-video" on:click={cameraClick} class:disabled={!$requestedCameraState}>
|
||||||
{#if $requestedCameraState}
|
{#if $requestedCameraState}
|
||||||
<img src={cinemaImg} alt="Turn on webcam">
|
<img src={cinemaImg} alt="Turn on webcam">
|
||||||
{:else}
|
{:else}
|
||||||
<img src={cinemaCloseImg} alt="Turn off webcam">
|
<img src={cinemaCloseImg} alt="Turn off webcam">
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
<div class="btn-micro" on:click={microphoneClick}>
|
<div class="btn-micro" on:click={microphoneClick} class:disabled={!$requestedMicrophoneState}>
|
||||||
{#if $requestedMicrophoneState}
|
{#if $requestedMicrophoneState}
|
||||||
<img src={microphoneImg} alt="Turn on microphone">
|
<img src={microphoneImg} alt="Turn on microphone">
|
||||||
{:else}
|
{:else}
|
||||||
|
Loading…
Reference in New Issue
Block a user