administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-06-29 16:41:16 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix overflowing text in save all popover

Browse Source
This commit is contained in:
Josh Hawkins 2026-05-28 13:41:01 -05:00
parent 65594b6efd
commit c82f7eee60
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/components/overlay/detail/SaveAllPreviewPopover.tsx
View File

@ -111,13 +111,13 @@ export default function SaveAllPreviewPopover({
}`} }`}
className="rounded-md border border-secondary bg-background_alt p-2" className="rounded-md border border-secondary bg-background_alt p-2"
> >
<div className="grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 text-xs"> <div className="grid grid-cols-[auto_minmax(0,1fr)] gap-x-3 gap-y-1 text-xs">
<span className="text-muted-foreground"> <span className="text-muted-foreground">
{t("saveAllPreview.scope.label", { {t("saveAllPreview.scope.label", {
ns: "views/settings", ns: "views/settings",
})} })}
</span> </span>
<span className="truncate">{scopeLabel}</span> <span className="min-w-0 truncate">{scopeLabel}</span>
{item.profileName && ( {item.profileName && (
<> <>
<span className="text-muted-foreground"> <span className="text-muted-foreground">
@ -125,7 +125,7 @@ export default function SaveAllPreviewPopover({
ns: "views/settings", ns: "views/settings",
})} })}
</span> </span>
<span className="truncate font-medium"> <span className="min-w-0 truncate font-medium">
{item.profileName} {item.profileName}
</span> </span>
</> </>
@ -135,7 +135,7 @@ export default function SaveAllPreviewPopover({
ns: "views/settings", ns: "views/settings",
})} })}
</span> </span>
<span className="break-all font-mono"> <span className="min-w-0 break-all font-mono">
{item.fieldPath} {item.fieldPath}
</span> </span>
<span className="text-muted-foreground"> <span className="text-muted-foreground">
@ -143,7 +143,7 @@ export default function SaveAllPreviewPopover({
ns: "views/settings", ns: "views/settings",
})} })}
</span> </span>
<span className="whitespace-pre-wrap break-words font-mono"> <span className="min-w-0 whitespace-pre-wrap break-all font-mono">
{formatValue(item.value)} {formatValue(item.value)}
</span> </span>
</div> </div>