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

Improve layout

Browse Source
This commit is contained in:
Nicolas Mowen 2025-12-15 12:12:42 -07:00
parent 0d8fe881ed
commit 2ff9896c30
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/card/ExportCard.tsx
View File

@ -188,7 +188,7 @@ export function ExportCard({
)} )}
{!exportedRecording.in_progress && ( {!exportedRecording.in_progress && (
<div className="absolute bottom-2 right-3 z-40"> <div className="absolute bottom-2 right-3 z-40">
<DropdownMenu> <DropdownMenu modal={false}>
<DropdownMenuTrigger> <DropdownMenuTrigger>
<BlurredIconButton <BlurredIconButton
aria-label={t("tooltip.editName")} aria-label={t("tooltip.editName")}

16
web/src/pages/Exports.tsx
View File

@ -333,7 +333,7 @@ function AllExportsView({
{filteredCases.length > 0 && ( {filteredCases.length > 0 && (
<div className="space-y-2"> <div className="space-y-2">
<Heading as="h4">{t("headings.cases")}</Heading> <Heading as="h4">{t("headings.cases")}</Heading>
<div className="grid size-full gap-2 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"> <div className="grid gap-2 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
{cases?.map((item) => ( {cases?.map((item) => (
<CaseCard <CaseCard
key={item.name} key={item.name}
@ -357,7 +357,7 @@ function AllExportsView({
<Heading as="h4">{t("headings.uncategorizedExports")}</Heading> <Heading as="h4">{t("headings.uncategorizedExports")}</Heading>
<div <div
ref={contentRef} ref={contentRef}
className="scrollbar-container grid size-full gap-2 overflow-y-auto sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4" className="scrollbar-container grid gap-2 overflow-y-auto sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
> >
{exports.map((item) => ( {exports.map((item) => (
<ExportCard <ExportCard
@ -439,7 +439,7 @@ function CaseView({
</div> </div>
<div <div
ref={contentRef} ref={contentRef}
className="scrollbar-container grid size-full gap-2 overflow-y-auto sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4" className="scrollbar-container grid gap-2 overflow-y-auto sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
> >
{exports?.map((item) => ( {exports?.map((item) => (
<ExportCard <ExportCard
@ -476,10 +476,12 @@ function CaseAssignmentDialog({
const { t } = useTranslation(["views/exports"]); const { t } = useTranslation(["views/exports"]);
const caseOptions = useMemo( const caseOptions = useMemo(
() => [ () => [
...(cases ?? []).map((c) => ({ ...(cases ?? [])
value: c.id, .map((c) => ({
label: c.name, value: c.id,
})), label: c.name,
}))
.sort((cA, cB) => cA.label.localeCompare(cB.label)),
{ {
value: "new", value: "new",
label: t("caseDialog.newCaseOption"), label: t("caseDialog.newCaseOption"),