This commit is contained in:
@@ -1,19 +1,13 @@
|
||||
<template>
|
||||
<div
|
||||
class="relative rounded overflow-hidden flex items-center justify-center"
|
||||
:class="{
|
||||
'group cursor-pointer hover:outline outline-primary': !isMe,
|
||||
}"
|
||||
class="group cursor-pointer hover:outline outline-primary relative rounded overflow-hidden flex items-center justify-center"
|
||||
@click="watch"
|
||||
>
|
||||
<video :srcObject="stream" muted autoplay />
|
||||
|
||||
<PrimeTag
|
||||
severity="secondary"
|
||||
class="absolute bottom-2 text-sm opacity-70"
|
||||
:class="{
|
||||
'group-hover:opacity-100': !isMe,
|
||||
}"
|
||||
class="absolute bottom-2 text-sm opacity-70 group-hover:opacity-100"
|
||||
rounded
|
||||
>
|
||||
{{ isMe ? 'You' : client.username }}
|
||||
@@ -37,9 +31,6 @@ const isMe = computed(() => {
|
||||
})
|
||||
|
||||
function watch() {
|
||||
if (isMe.value)
|
||||
return
|
||||
|
||||
fullscreenVideo.show(props.stream)
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user