chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages Activity

Recording fixes (#10728)

Browse Source 
* Use timerange everywhere and ensure recordings has last 24 hours

* Pause recording when selecting timeline

* Fix loading layout

* Fix updating current time not always working

* Simplify dynamic video player

* Clean up desktop sizing

* Fix current hour

* Make padding consistent

* Improve spacing for extra cameras

* Make back button consistent

* Fix preview player not jumping to correct time

* Dont use useEffect due to preview changing

* Simplify

* Fix transition
This commit is contained in:
Nicolas Mowen
2024-03-30 12:44:12 -06:00
committed by GitHub
parent 7d3b481181
commit 190cdc471a
12 changed files with 210 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/views/live/LiveBirdseyeView.tsx
View File

@@ -116,7 +116,7 @@ export default function LiveBirdseyeView() {
className={
fullscreen
? `fixed inset-0 bg-black z-30`
: `size-full flex flex-col ${isMobile ? "landscape:flex-row" : ""}`
: `size-full p-2 flex flex-col ${isMobile ? "landscape:flex-row" : ""}`
}
>
<div
@@ -128,11 +128,11 @@ export default function LiveBirdseyeView() {
>
{!fullscreen ? (
<Button
className={`rounded-lg ${isMobile ? "ml-2" : "ml-0"}`}
size={isMobile ? "icon" : "default"}
className={`rounded-lg flex items-center gap-2 ${isMobile ? "ml-2" : "ml-0"}`}
size={isMobile ? "icon" : "sm"}
onClick={() => navigate(-1)}
>
<IoMdArrowBack className="size-5 lg:mr-[10px]" />
<IoMdArrowBack className="size-5" />
{isDesktop && "Back"}
</Button>
) : (

6
web/src/views/live/LiveCameraView.tsx
View File

@@ -204,7 +204,7 @@ export default function LiveCameraView({ camera }: LiveCameraViewProps) {
className={
fullscreen
? `fixed inset-0 bg-black z-30`
: `size-full flex flex-col ${isMobile ? "landscape:flex-row" : ""}`
: `size-full p-2 flex flex-col ${isMobile ? "landscape:flex-row" : ""}`
}
>
<div
@@ -217,7 +217,7 @@ export default function LiveCameraView({ camera }: LiveCameraViewProps) {
{!fullscreen ? (
<Button
className={`rounded-lg ${isMobile ? "ml-2" : "ml-0"}`}
size={isMobile ? "icon" : "default"}
size={isMobile ? "icon" : "sm"}
onClick={() => navigate(-1)}
>
<IoMdArrowBack className="size-5 lg:mr-[10px]" />
@@ -228,7 +228,7 @@ export default function LiveCameraView({ camera }: LiveCameraViewProps) {
)}
<TooltipProvider>
<div
className={`flex flex-row items-center gap-2 mr-1 *:rounded-lg ${isMobile ? "landscape:flex-col" : ""}`}
className={`flex flex-row items-center gap-2 *:rounded-lg ${isMobile ? "landscape:flex-col" : ""}`}
>
{!isIOS && (
<CameraFeatureToggle

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

@@ -129,9 +129,9 @@ export default function LiveDashboardView({
const birdseyeConfig = useMemo(() => config?.birdseye, [config]);
return (
<div className="size-full overflow-y-auto">
<div className="size-full p-2 overflow-y-auto">
{isMobile && (
<div className="h-11 px-2 relative flex items-center justify-between">
<div className="h-11 relative flex items-center justify-between">
<Logo className="absolute inset-x-1/2 -translate-x-1/2 h-8" />
<CameraGroupSelector />
<div className="flex items-center gap-1">
@@ -164,7 +164,7 @@ export default function LiveDashboardView({
{events && events.length > 0 && (
<ScrollArea>
<TooltipProvider>
<div className="flex gap-2 items-center">
<div className="px-1 flex gap-2 items-center">
{events.map((event) => {
return <AnimatedEventCard key={event.id} event={event} />;
})}