mini-video-recorder: Allow changing stream

bluerobotics · Jan 30, 2024 · 243bdfe · 243bdfe
1 parent 7d9f6e0
commit 243bdfe
Showing 1 changed file with 10 additions and 1 deletion.
diff --git 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>