From 243bdfe0ee678dd7717a201c8878697a6558d0a4 Mon Sep 17 00:00:00 2001
From: Rafael Araujo Lehmkuhl <rafael.lehmkuhl93@gmail.com>
Date: Thu, 25 Jan 2024 16:03:23 -0300
Subject: [PATCH] mini-video-recorder: Allow changing stream

---
 src/components/mini-widgets/MiniVideoRecorder.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/mini-widgets/MiniVideoRecorder.vue b/src/components/mini-widgets/MiniVideoRecorder.vue
index b3658238a..68dd2826a 100644
--- a/src/components/mini-widgets/MiniVideoRecorder.vue
+++ b/src/components/mini-widgets/MiniVideoRecorder.vue
@@ -9,7 +9,11 @@
       @click="toggleRecording()"
     />
     <template v-if="!isRecording">
-      <div v-if="nameSelectedStream" class="flex flex-col max-w-[50%] scroll-container">
+      <div
+        v-if="nameSelectedStream"
+        class="flex flex-col max-w-[50%] scroll-container transition-all border-blur cursor-pointer"
+        @click="isStreamSelectDialogOpen = true"
+      >
         <div class="text-xs text-white select-none scroll-text">{{ nameSelectedStream }}</div>
       </div>
       <FontAwesomeIcon v-else icon="fa-solid fa-video" class="h-6 text-slate-100" />
@@ -228,4 +232,9 @@ watch(isRecording, () => {
 .scroll-text:hover {
   transform: translateX(-100%);
 }
+
+.border-blur:hover {
+  background-color: #475569;
+  box-shadow: 0px 0px 3px 3px #475569;
+}
 </style>