administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2025-12-06 13:34:13 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix mobilepage in tracked object details

Browse Source
This commit is contained in:
Josh Hawkins 2025-11-07 09:33:59 -06:00
parent 6a27c47808
commit 2376bcaf97
2 changed files with 39 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -306,7 +306,7 @@ function DialogContentComponent({
if (page === "tracking_details") {
return (
<TrackingDetails
className={cn("size-full", !isDesktop && "flex flex-col gap-4")}
className={cn(isDesktop ? "size-full" : "flex flex-col gap-4")}
event={search as unknown as Event}
tabs={
isDesktop ? (
@ -584,7 +584,7 @@ export default function SearchDetailDialog({
"scrollbar-container overflow-y-auto",
isDesktop &&
"max-h-[95dvh] sm:max-w-xl md:max-w-4xl lg:max-w-[70%]",
isMobile && "px-4",
isMobile && "flex h-full flex-col px-4",
)}
onInteractOutside={(e) => {
if (isPopoverOpen) {
@ -596,7 +596,7 @@ export default function SearchDetailDialog({
}
}}
>
<Header>
<Header className={cn(!isDesktop && "top-0 mb-0")}>
<Title>{t("trackedObjectDetails")}</Title>
<Description className="sr-only">
{t("trackedObjectDetails")}
@ -604,6 +604,7 @@ export default function SearchDetailDialog({
</Description>
</Header>
<div className="flex-1">
{!isDesktop && (
<div className="flex w-full flex-col justify-center gap-4">
<TabsWithActions
@ -637,6 +638,7 @@ export default function SearchDetailDialog({
setIsPopoverOpen={setIsPopoverOpen}
dialogContainer={dialogContainer}
/>
</div>
</Content>
</Overlay>
</DetailStreamProvider>

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

@ -352,7 +352,8 @@ export function TrackingDetails({
className={cn(
isDesktop
? "flex size-full justify-evenly gap-4 overflow-hidden"
: "flex size-full flex-col gap-2",
: "flex flex-col gap-2",
!isDesktop && cameraAspect === "tall" && "size-full",
className,
)}
>