Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2025-01-21 00:06:44 +01:00
Code Issues Projects Releases Wiki Activity

container for birdseye aspect and auto width for mobile time pill (#11685)

Browse Source
This commit is contained in:
Josh Hawkins 2024-06-01 22:13:37 -05:00 committed by GitHub
parent bccffe6670
commit beefc51361
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/components/timeline/ReviewTimeline.tsx
View File

@ -352,7 +352,7 @@ export function ReviewTimeline({
: segmentDuration < 60 : segmentDuration < 60
? "w-[80px]" ? "w-[80px]"
: "w-20" : "w-20"
} h-5 ${isDraggingHandlebar && isMobile ? "fixed left-1/2 top-[18px] z-20 h-[30px] w-32 -translate-x-1/2 transform bg-destructive/80" : "static"} flex items-center justify-center`} } h-5 ${isDraggingHandlebar && isMobile ? "fixed left-1/2 top-[18px] z-20 h-[30px] w-auto -translate-x-1/2 transform bg-destructive/80 px-3" : "static"} flex items-center justify-center`}
> >
<div <div
ref={handlebarTimeRef} ref={handlebarTimeRef}
@ -390,7 +390,7 @@ export function ReviewTimeline({
: segmentDuration < 60 : segmentDuration < 60
? "w-[80px]" ? "w-[80px]"
: "w-20" : "w-20"
} h-5 ${isDraggingExportEnd && isMobile ? "fixed left-1/2 top-[18px] z-20 mt-0 h-[30px] w-32 -translate-x-1/2 transform rounded-full bg-selected/80" : "static rounded-tl-lg rounded-tr-lg"} flex items-center justify-center`} } h-5 ${isDraggingExportEnd && isMobile ? "fixed left-1/2 top-[18px] z-20 mt-0 h-[30px] w-auto -translate-x-1/2 transform rounded-full bg-selected/80 px-3" : "static rounded-tl-lg rounded-tr-lg"} flex items-center justify-center`}
> >
<div <div
ref={exportEndTimeRef} ref={exportEndTimeRef}
@ -432,7 +432,7 @@ export function ReviewTimeline({
: segmentDuration < 60 : segmentDuration < 60
? "w-[80px]" ? "w-[80px]"
: "w-20" : "w-20"
} h-5 ${isDraggingExportStart && isMobile ? "fixed left-1/2 top-[4px] z-20 mt-0 h-[30px] w-32 -translate-x-1/2 transform rounded-full bg-selected/80" : "static rounded-bl-lg rounded-br-lg"} flex items-center justify-center`} } h-5 ${isDraggingExportStart && isMobile ? "fixed left-1/2 top-[4px] z-20 mt-0 h-[30px] w-auto -translate-x-1/2 transform rounded-full bg-selected/80 px-3" : "static rounded-bl-lg rounded-br-lg"} flex items-center justify-center`}
> >
<div <div
ref={exportStartTimeRef} ref={exportStartTimeRef}

19
web/src/views/live/LiveDashboardView.tsx
View File

@ -52,6 +52,7 @@ export default function LiveDashboardView({
const [isEditMode, setIsEditMode] = useState<boolean>(false); const [isEditMode, setIsEditMode] = useState<boolean>(false);
const containerRef = useRef<HTMLDivElement>(null); const containerRef = useRef<HTMLDivElement>(null);
const birdseyeContainerRef = useRef<HTMLDivElement>(null);
// recent events // recent events
@ -241,11 +242,19 @@ export default function LiveDashboardView({
)} )}
> >
{includeBirdseye && birdseyeConfig?.enabled && ( {includeBirdseye && birdseyeConfig?.enabled && (
<BirdseyeLivePlayer <div
birdseyeConfig={birdseyeConfig} style={{
liveMode={birdseyeConfig.restream ? "mse" : "jsmpeg"} aspectRatio: birdseyeConfig.width / birdseyeConfig.height,
onClick={() => onSelectCamera("birdseye")} }}
/> ref={birdseyeContainerRef}
>
<BirdseyeLivePlayer
birdseyeConfig={birdseyeConfig}
liveMode={birdseyeConfig.restream ? "mse" : "jsmpeg"}
onClick={() => onSelectCamera("birdseye")}
containerRef={birdseyeContainerRef}
/>
</div>
)} )}
{cameras.map((camera) => { {cameras.map((camera) => {
let grow; let grow;