resize

client/app/components/Gallery/Card.vue

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

client/app/composables/use-app.ts

@@ -40,7 +40,10 @@ export const useApp = createGlobalState(() => {
   })
 
   const somebodyStreamingVideo = computed(() => {
-    return mediasoup.videoConsumers.value.length > 0 || mediasoup.shareConsumers.value.length > 0
+    return !!mediasoup.videoProducer.value
+      || !!mediasoup.shareProducer.value
+      || mediasoup.videoConsumers.value.length > 0
+      || mediasoup.shareConsumers.value.length > 0
   })
 
   async function muteInput() {

client/app/layouts/default.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="grid grid-cols-[1fr_1.25fr] gap-2 p-2 h-screen grid-rows-[auto_1fr] max-w-full">
+  <div class="grid grid-cols-[360px_1fr] gap-2 p-2 h-screen grid-rows-[auto_1fr] max-w-full">
     <div
       class="flex items-center justify-between gap-2 rounded-xl p-3 bg-surface-950"
     >

client/app/pages/gallery.vue

@@ -5,7 +5,6 @@
       :key="item.client.socketId"
       :client="item.client"
       :stream="item.stream"
-      @click="watch(item.stream)"
     />
   </div>
 </template>

client/src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
   "productName": "chad",
-  "version": "0.2.24",
+  "version": "0.2.26",
   "identifier": "xyz.koptilnya.chad",
   "build": {
     "frontendDist": "../.output/public",
@@ -12,12 +12,12 @@
   "app": {
     "windows": [
       {
-        "maximizable": false,
+        "maximizable": true,
         "label": "main",
         "title": "Chad",
         "width": 800,
         "height": 600,
-        "resizable": false,
+        "resizable": true,
         "fullscreen": false,
         "center": true,
         "theme": "Dark",