red dot and outline

This commit is contained in:
Josh Hawkins 2024-06-10 18:05:29 -05:00
parent 5d6ee126ea
commit cb4cfc5399

View File

@ -188,7 +188,8 @@ export default function LivePlayer({
data-camera={cameraConfig.name} data-camera={cameraConfig.name}
className={cn( className={cn(
"relative flex w-full cursor-pointer justify-center outline", "relative flex w-full cursor-pointer justify-center outline",
activeTracking activeTracking &&
((showStillWithoutActivity && !liveReady) || liveReady)
? "outline-3 rounded-lg shadow-severity_alert outline-severity_alert md:rounded-2xl" ? "outline-3 rounded-lg shadow-severity_alert outline-severity_alert md:rounded-2xl"
: "outline-0 outline-background", : "outline-0 outline-background",
"transition-all duration-500", "transition-all duration-500",
@ -266,7 +267,10 @@ export default function LivePlayer({
</div> </div>
<div className="absolute right-2 top-2"> <div className="absolute right-2 top-2">
{autoLive && !offline && activeMotion && ( {autoLive &&
!offline &&
activeMotion &&
((showStillWithoutActivity && !liveReady) || liveReady) && (
<MdCircle className="mr-2 size-2 animate-pulse text-danger shadow-danger drop-shadow-md" /> <MdCircle className="mr-2 size-2 animate-pulse text-danger shadow-danger drop-shadow-md" />
)} )}
{offline && ( {offline && (