radames commited on
Commit
c640c48
1 Parent(s): c6b09d3

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 block cursor-pointer rounded-md border-gray-500 border-opacity-50 bg-slate-100 bg-opacity-30 p-[2px] font-medium text-white"
22
  on:click={() => mediaStreamActions.startScreenCapture()}
23
  >
24
- <Screen classList={'w-100'} />
 
 
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-[2px] font-medium text-white"
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>