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

Remove text for buttons on mobile

Browse Source
This commit is contained in:
Nicolas Mowen 2025-03-17 13:39:32 -06:00
parent 86dcc729f6
commit 7ea17c46da
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/pages/FaceLibrary.tsx
View File

@ -26,6 +26,7 @@ import { cn } from "@/lib/utils";
import { FrigateConfig } from "@/types/frigateConfig"; import { FrigateConfig } from "@/types/frigateConfig";
import axios from "axios"; import axios from "axios";
import { useCallback, useEffect, useMemo, useRef, useState } from "react"; import { useCallback, useEffect, useMemo, useRef, useState } from "react";
import { isDesktop } from "react-device-detect";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { LuImagePlus, LuRefreshCw, LuScanFace, LuTrash2 } from "react-icons/lu"; import { LuImagePlus, LuRefreshCw, LuScanFace, LuTrash2 } from "react-icons/lu";
import { toast } from "sonner"; import { toast } from "sonner";
@ -273,19 +274,19 @@ export default function FaceLibrary() {
onClick={() => onDelete("train", selectedFaces)} onClick={() => onDelete("train", selectedFaces)}
> >
<LuTrash2 className="size-7 rounded-md p-1 text-secondary-foreground" /> <LuTrash2 className="size-7 rounded-md p-1 text-secondary-foreground" />
{t("button.deleteFaceAttempts")} {isDesktop && t("button.deleteFaceAttempts")}
</Button> </Button>
</div> </div>
) : ( ) : (
<div className="flex items-center justify-center gap-2"> <div className="flex items-center justify-center gap-2">
<Button className="flex gap-2" onClick={() => setAddFace(true)}> <Button className="flex gap-2" onClick={() => setAddFace(true)}>
<LuScanFace className="size-7 rounded-md p-1 text-secondary-foreground" /> <LuScanFace className="size-7 rounded-md p-1 text-secondary-foreground" />
{t("button.addFace")} {isDesktop && t("button.addFace")}
</Button> </Button>
{pageToggle != "train" && ( {pageToggle != "train" && (
<Button className="flex gap-2" onClick={() => setUpload(true)}> <Button className="flex gap-2" onClick={() => setUpload(true)}>
<LuImagePlus className="size-7 rounded-md p-1 text-secondary-foreground" /> <LuImagePlus className="size-7 rounded-md p-1 text-secondary-foreground" />
{t("button.uploadImage")} {isDesktop && t("button.uploadImage")}
</Button> </Button>
)} )}
</div> </div>