administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-07 11:45:24 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Add sticky headers to history page

Browse Source
This commit is contained in:
Nick Mowen 2023-12-18 11:23:29 -07:00
parent 053a226543
commit 8f83914690
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/pages/History.tsx
View File

@ -168,9 +168,6 @@ function History() {
return ( return (
<> <>
<Heading as="h2">Review</Heading> <Heading as="h2">Review</Heading>
<div className="text-xs mb-4">
Dates and times are based on the timezone {timezone}
</div>
<TimelinePlayerCard <TimelinePlayerCard
timeline={playback} timeline={playback}
@ -183,7 +180,10 @@ function History() {
.map(([day, timelineDay], dayIdx) => { .map(([day, timelineDay], dayIdx) => {
return ( return (
<div key={day}> <div key={day}>
<Heading as="h3"> <Heading
className="sticky py-2 -top-4 left-0 bg-background w-full z-10"
as="h3"
>
{formatUnixTimestampToDateTime(parseInt(day), { {formatUnixTimestampToDateTime(parseInt(day), {
strftime_fmt: "%A %b %d", strftime_fmt: "%A %b %d",
time_style: "medium", time_style: "medium",