diff options
| -rw-r--r-- | client-web/public/assets/icons/close.svg | 1 | ||||
| -rw-r--r-- | client-web/public/assets/icons/stop.svg | 1 | ||||
| -rw-r--r-- | client-web/source/resource/track.ts | 3 |
3 files changed, 4 insertions, 1 deletions
diff --git a/client-web/public/assets/icons/close.svg b/client-web/public/assets/icons/close.svg new file mode 100644 index 0000000..d08e881 --- /dev/null +++ b/client-web/public/assets/icons/close.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="#ffffff" d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>
\ No newline at end of file diff --git a/client-web/public/assets/icons/stop.svg b/client-web/public/assets/icons/stop.svg new file mode 100644 index 0000000..6a3ff2a --- /dev/null +++ b/client-web/public/assets/icons/stop.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="#ffffff" d="M320-320h320v-320H320v320ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>
\ No newline at end of file diff --git a/client-web/source/resource/track.ts b/client-web/source/resource/track.ts index 6456c1e..75208d0 100644 --- a/client-web/source/resource/track.ts +++ b/client-web/source/resource/track.ts @@ -45,6 +45,7 @@ export const resource_track: ResourceHandlerDecl = { this.el.removeChild(enable_button) if (!(stream instanceof MediaStream)) return console.warn("expected mediastream"); this.el.append(e("button", { + icon: "close", class: ["topleft", "abort"], onclick: (self) => { disable() @@ -66,7 +67,7 @@ export function new_local_track(info: ProvideInfo, stream: MediaStream, ...extra let room: Room; const el = e("div", { class: `media-${stream.getVideoTracks().length > 0 ? "video" : "audio"}` }, - e("button", { class: ["abort", "topleft"], onclick: () => destroy() }, PO.stop_sharing), + e("button", { icon: "stop", class: ["abort", "topleft"], onclick: () => destroy() }, PO.stop_sharing), ...extra_controls ); |
