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

Add support for live fullscreen mode (#10191)

Browse Source 
* Fix timeline colors

* Add support for full screen mode

* Add support for live view full screen

* Cleanup

* Add border to sidebar and statusbar
This commit is contained in:
Nicolas Mowen
2024-03-02 20:59:50 -07:00
committed by GitHub
parent 3c4b1fb6f2
commit 8645545ef4
7 changed files with 107 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -61,7 +61,7 @@ function MinimapBounds({
<>
{isFirstSegmentInMinimap && (
<div
className="absolute inset-0 -bottom-7 w-full flex items-center justify-center text-primary font-medium z-20 text-center text-[10px] scroll-mt-8"
className="absolute inset-0 -bottom-7 w-full flex items-center justify-center text-primary-foreground font-medium z-20 text-center text-[10px] scroll-mt-8"
ref={firstMinimapSegmentRef}
>
{new Date(alignedMinimapStartTime * 1000).toLocaleTimeString([], {
@@ -73,7 +73,7 @@ function MinimapBounds({
)}
{isLastSegmentInMinimap && (
<div className="absolute inset-0 -top-3 w-full flex items-center justify-center text-primary font-medium z-20 text-center text-[10px]">
<div className="absolute inset-0 -top-3 w-full flex items-center justify-center text-primary-foreground font-medium z-20 text-center text-[10px]">
{new Date(alignedMinimapEndTime * 1000).toLocaleTimeString([], {
hour: "2-digit",
minute: "2-digit",
@@ -247,7 +247,7 @@ export function EventSegment({
const segmentClasses = `h-2 relative w-full ${
showMinimap
? isInMinimapRange
? "bg-card"
? "bg-secondary-highlight"
: isLastSegmentInMinimap
? ""
: "opacity-70"