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

fix overflowing review timeline on mobile (#10231)

Browse Source
This commit is contained in:
Josh Hawkins 2024-03-04 07:35:10 -06:00 committed by GitHub
parent 85ce672b53
commit 0f168dfc1a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/timeline/EventReviewTimeline.tsx
View File

@ -184,7 +184,7 @@ export function EventReviewTimeline({
> >
<div <div
className={`bg-destructive rounded-full mx-auto ${ className={`bg-destructive rounded-full mx-auto ${
segmentDuration < 60 ? "w-14 md:w-20" : "w-12 md:w-16" segmentDuration < 60 ? "w-16 md:w-20" : "w-12 md:w-16"
} h-5 flex items-center justify-center`} } h-5 flex items-center justify-center`}
> >
<div <div

4
web/src/views/events/RecordingView.tsx
View File

@ -81,7 +81,7 @@ export default function RecordingView({
}, [scrubbing]); }, [scrubbing]);
return ( return (
<div ref={contentRef} className="relative w-full h-full"> <div ref={contentRef} className="flex flex-col relative w-full h-full">
<Button <Button
className="md:absolute md:top-0 md:left-0 rounded-lg" className="md:absolute md:top-0 md:left-0 rounded-lg"
onClick={() => navigate(-1)} onClick={() => navigate(-1)}
@ -110,7 +110,7 @@ export default function RecordingView({
/> />
</div> </div>
<div className="md:absolute md:w-[100px] md:inset-y-0 md:right-0"> <div className="flex-grow overflow-hidden md:absolute md:w-[100px] md:inset-y-0 md:right-0">
<EventReviewTimeline <EventReviewTimeline
segmentDuration={30} segmentDuration={30}
timestampSpread={15} timestampSpread={15}