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

Fix mobile

Browse Source
This commit is contained in:
Nick Mowen 2023-04-21 14:50:48 -06:00
parent 0142aef2f8
commit b2359d1959
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/components/TimelineSummary.jsx
View File

@ -32,24 +32,26 @@ export default function TimelineSummary({ event, onFrameSelected }) {
return ( return (
<div className="flex flex-col"> <div className="flex flex-col">
<div className="h-14 flex justify-center"> <div className="h-14 flex justify-center">
<div className="w-1/4 flex flex-row flex-nowrap justify-between overflow-auto"> <div className="sm:w-1 md:w-1/4 flex flex-row flex-nowrap justify-between overflow-auto">
{eventTimeline.map((item, index) => {eventTimeline.map((item, index) =>
item.class_type == 'visible' || item.class_type == 'gone' ? ( item.class_type == 'visible' || item.class_type == 'gone' ? (
<Button <Button
key={index}
className="rounded-full" className="rounded-full"
type="text" type="text"
color={index == timeIndex ? 'blue' : 'gray'} color={index == timeIndex ? 'blue' : 'gray'}
aria-label={getTimelineItemDescription(config, item, event)} aria-label={window.innerWidth > 640 ? getTimelineItemDescription(config, item, event) : ''}
onClick={() => onSelectMoment(index)} onClick={() => onSelectMoment(index)}
> >
{item.class_type == 'visible' ? <PlayIcon className="w-8" /> : <ExitIcon className="w-8" />} {item.class_type == 'visible' ? <PlayIcon className="w-8" /> : <ExitIcon className="w-8" />}
</Button> </Button>
) : ( ) : (
<Button <Button
key={index}
className="rounded-full" className="rounded-full"
type="text" type="text"
color={index == timeIndex ? 'blue' : 'gray'} color={index == timeIndex ? 'blue' : 'gray'}
aria-label={getTimelineItemDescription(config, item, event)} aria-label={window.innerWidth > 640 ? getTimelineItemDescription(config, item, event) : ''}
onClick={() => onSelectMoment(index)} onClick={() => onSelectMoment(index)}
> >
<Zone className="w-8" /> <Zone className="w-8" />