diff --git a/src/components/mini-widgets/MiniVideoRecorder.vue b/src/components/mini-widgets/MiniVideoRecorder.vue index 08664ad62..e77a9ecfa 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" /> @@ -233,4 +237,9 @@ watch(isRecording, () => { transform: translateX(-200%); } } + +.border-blur:hover { + background-color: #475569; + box-shadow: 0px 0px 3px 3px #475569; +} </style>