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

use grid to ensure genai title does not cause overflow

Browse Source
This commit is contained in:
Josh Hawkins 2025-11-08 06:06:11 -06:00
parent 30a8a961f1
commit 07a378a837
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/components/timeline/DetailStream.tsx
View File

@ -391,8 +391,8 @@ function ReviewGroup({
)} )}
/> />
</div> </div>
<div className="mr-3 flex w-full justify-between"> <div className="mr-3 grid w-full grid-cols-[1fr_auto] gap-2">
<div className="ml-1 mr-6 flex min-w-0 flex-col items-start gap-1.5"> <div className="ml-1 flex min-w-0 flex-col gap-1.5">
<div className="flex flex-row gap-3"> <div className="flex flex-row gap-3">
<div className="text-sm font-medium">{displayTime}</div> <div className="text-sm font-medium">{displayTime}</div>
<div className="relative flex items-center gap-2 text-white"> <div className="relative flex items-center gap-2 text-white">
@ -408,7 +408,7 @@ function ReviewGroup({
</div> </div>
<div className="flex flex-col gap-0.5"> <div className="flex flex-col gap-0.5">
{review.data.metadata?.title && ( {review.data.metadata?.title && (
<div className="mb-1 flex items-center gap-1 text-sm text-primary-variant"> <div className="mb-1 flex min-w-0 items-center gap-1 text-sm text-primary-variant">
<MdAutoAwesome className="size-3 shrink-0" /> <MdAutoAwesome className="size-3 shrink-0" />
<span className="truncate">{review.data.metadata.title}</span> <span className="truncate">{review.data.metadata.title}</span>
</div> </div>
@ -432,7 +432,7 @@ function ReviewGroup({
e.stopPropagation(); e.stopPropagation();
setOpen((v) => !v); setOpen((v) => !v);
}} }}
className="ml-2 inline-flex items-center justify-center rounded p-1 hover:bg-secondary/10" className="inline-flex items-center justify-center self-center rounded p-1 hover:bg-secondary/10"
> >
{open ? ( {open ? (
<LuChevronDown className="size-4 text-primary-variant" /> <LuChevronDown className="size-4 text-primary-variant" />