Spaces:
Paused
Paused
better share button
Browse files
frontend/src/lib/components/MediaListSwitcher.svelte
CHANGED
|
@@ -18,17 +18,19 @@
|
|
| 18 |
<div class="flex items-center justify-center text-xs">
|
| 19 |
<button
|
| 20 |
title="Share your screen"
|
| 21 |
-
class="border-1 my-1
|
| 22 |
on:click={() => mediaStreamActions.startScreenCapture()}
|
| 23 |
>
|
| 24 |
-
<
|
|
|
|
|
|
|
| 25 |
</button>
|
| 26 |
{#if $mediaDevices}
|
| 27 |
<select
|
| 28 |
bind:value={deviceId}
|
| 29 |
on:change={() => mediaStreamActions.switchCamera(deviceId)}
|
| 30 |
id="devices-list"
|
| 31 |
-
class="border-1 block cursor-pointer rounded-md border-gray-800 border-opacity-50 bg-slate-100 bg-opacity-30 p-
|
| 32 |
>
|
| 33 |
{#each $mediaDevices as device, i}
|
| 34 |
<option value={device.deviceId}>{device.label}</option>
|
|
|
|
| 18 |
<div class="flex items-center justify-center text-xs">
|
| 19 |
<button
|
| 20 |
title="Share your screen"
|
| 21 |
+
class="border-1 my-1 flex cursor-pointer gap-1 rounded-md border-gray-500 border-opacity-50 bg-slate-100 bg-opacity-30 p-1 font-medium text-white"
|
| 22 |
on:click={() => mediaStreamActions.startScreenCapture()}
|
| 23 |
>
|
| 24 |
+
<span>Share</span>
|
| 25 |
+
|
| 26 |
+
<Screen classList={''} />
|
| 27 |
</button>
|
| 28 |
{#if $mediaDevices}
|
| 29 |
<select
|
| 30 |
bind:value={deviceId}
|
| 31 |
on:change={() => mediaStreamActions.switchCamera(deviceId)}
|
| 32 |
id="devices-list"
|
| 33 |
+
class="border-1 block cursor-pointer rounded-md border-gray-800 border-opacity-50 bg-slate-100 bg-opacity-30 p-1 font-medium text-white"
|
| 34 |
>
|
| 35 |
{#each $mediaDevices as device, i}
|
| 36 |
<option value={device.deviceId}>{device.label}</option>
|