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>
|