administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-04-11 17:47:37 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

small tweaks

Browse Source
This commit is contained in:
Josh Hawkins 2025-11-04 07:09:54 -06:00
parent eb3db9909e
commit f8d8c853f5
2 changed files with 20 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/components/overlay/detail/SearchDetailDialog.tsx
View File

@ -340,8 +340,9 @@ export default function SearchDetailDialog({
/> />
)} )}
{page === "snapshot" && !search.has_snapshot && ( {page === "snapshot" && !search.has_snapshot && (
<div className="size-full">
<img <img
className="size-full select-none rounded-lg object-contain transition-opacity" className="w-full select-none rounded-lg object-contain transition-opacity"
style={ style={
isIOS isIOS
? { ? {
@ -353,6 +354,7 @@ export default function SearchDetailDialog({
draggable={false} draggable={false}
src={`${apiHost}api/events/${search.id}/thumbnail.webp`} src={`${apiHost}api/events/${search.id}/thumbnail.webp`}
/> />
</div>
)} )}
</div> </div>
<div className="flex flex-[2] flex-col gap-4 overflow-hidden"> <div className="flex flex-[2] flex-col gap-4 overflow-hidden">
@ -1298,7 +1300,7 @@ export function ObjectSnapshotTab({
); );
return ( return (
<div className="relative size-full"> <div className="relative w-full">
<ImageLoadingIndicator <ImageLoadingIndicator
className="absolute inset-0 aspect-video min-h-[60dvh] w-full" className="absolute inset-0 aspect-video min-h-[60dvh] w-full"
imgLoaded={imgLoaded} imgLoaded={imgLoaded}
@ -1321,7 +1323,7 @@ export function ObjectSnapshotTab({
<div className="relative mx-auto"> <div className="relative mx-auto">
<img <img
ref={imgRef} ref={imgRef}
className={`mx-auto max-h-[60dvh] bg-black object-contain`} className="mx-auto max-h-[60dvh] rounded-lg bg-background object-contain"
src={`${baseUrl}api/events/${search?.id}/snapshot.jpg`} src={`${baseUrl}api/events/${search?.id}/snapshot.jpg`}
alt={`${search?.label}`} alt={`${search?.label}`}
loading={isSafari ? "eager" : "lazy"} loading={isSafari ? "eager" : "lazy"}
@ -1360,7 +1362,7 @@ export function ObjectSnapshotTab({
search.end_time && search.end_time &&
search.label != "on_demand" && ( search.label != "on_demand" && (
<Card className="p-1 text-sm md:p-2"> <Card className="p-1 text-sm md:p-2">
<CardContent className="flex flex-col items-center justify-between gap-3 p-2 md:flex-row"> <CardContent className="flex flex-col items-start justify-between gap-3 p-2 md:flex-row md:items-center">
<div className={cn("flex max-w-sm flex-col space-y-3")}> <div className={cn("flex max-w-sm flex-col space-y-3")}>
<div className={"text-lg leading-none"}> <div className={"text-lg leading-none"}>
{t("explore.plus.submitToPlus.label")} {t("explore.plus.submitToPlus.label")}
@ -1475,10 +1477,7 @@ export function VideoTab({ search }: VideoTabProps) {
<span tabIndex={0} className="sr-only" /> <span tabIndex={0} className="sr-only" />
<GenericVideoPlayer source={source}> <GenericVideoPlayer source={source}>
<div <div
className={cn( className={cn("absolute right-2 top-2 z-10 flex items-center gap-2")}
"absolute top-2 z-10 flex items-center gap-2",
isIOS ? "right-8" : "right-2",
)}
> >
{reviewItem && ( {reviewItem && (
<Tooltip> <Tooltip>

2
web/src/components/overlay/detail/TrackingDetails.tsx
View File

@ -599,7 +599,7 @@ export function TrackingDetails({
</div> </div>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<span className="capitalize">{label}</span> <span className="capitalize">{label}</span>
<span className="text-secondary-foreground"> <span className="md:text-md text-sm text-secondary-foreground">
{formattedStart ?? ""} - {formattedEnd ?? ""} {formattedStart ?? ""} - {formattedEnd ?? ""}
</span> </span>
{event.data?.recognized_license_plate && ( {event.data?.recognized_license_plate && (