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

Adjust wording and spacing

Browse Source
This commit is contained in:
Nicolas Mowen 2025-03-17 12:54:13 -06:00
parent 9df276ba0d
commit 86e1185e87
3 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/public/locales/en/common.json
View File

@ -95,7 +95,8 @@
"play": "Play", "play": "Play",
"unselect": "Unselect", "unselect": "Unselect",
"export": "Export", "export": "Export",
"deleteNow": "Delete Now" "deleteNow": "Delete Now",
"next": "Next"
}, },
"menu": { "menu": {
"system": "System", "system": "System",

7
web/src/components/indicators/StepIndicator.tsx
View File

@ -11,10 +11,7 @@ export default function StepIndicator({
return ( return (
<div className="flex flex-row justify-evenly"> <div className="flex flex-row justify-evenly">
{steps.map((name, idx) => ( {steps.map((name, idx) => (
<div <div className="flex flex-col items-center gap-2">
key={idx}
className="flex flex-col items-center justify-center gap-2"
>
<div <div
className={cn( className={cn(
"flex size-16 items-center justify-center rounded-full", "flex size-16 items-center justify-center rounded-full",
@ -23,7 +20,7 @@ export default function StepIndicator({
> >
{idx + 1} {idx + 1}
</div> </div>
{name} <div className="w-24 text-center md:w-24">{name}</div>
</div> </div>
))} ))}
</div> </div>

11
web/src/components/overlay/detail/FaceCreateWizardDialog.tsx
View File

@ -16,6 +16,7 @@ import {
DialogHeader, DialogHeader,
DialogTitle, DialogTitle,
} from "@/components/ui/dialog"; } from "@/components/ui/dialog";
import { cn } from "@/lib/utils";
import axios from "axios"; import axios from "axios";
import { useCallback, useState } from "react"; import { useCallback, useState } from "react";
import { isDesktop } from "react-device-detect"; import { isDesktop } from "react-device-detect";
@ -99,10 +100,12 @@ export default function CreateFaceWizardDialog({
} }
}} }}
> >
<Content> <Content
className={cn("flex flex-col gap-4 p-2", isDesktop && "max-w-[50%]")}
>
<Header> <Header>
<Title>{t("button.addFace")}</Title> <Title>{t("button.addFace")}</Title>
<Description>{t("description.addFace")}</Description> {isDesktop && <Description>{t("description.addFace")}</Description>}
</Header> </Header>
<StepIndicator steps={STEPS} currentStep={step} /> <StepIndicator steps={STEPS} currentStep={step} />
{step == 0 && ( {step == 0 && (
@ -115,7 +118,7 @@ export default function CreateFaceWizardDialog({
> >
<div className="flex justify-end py-2"> <div className="flex justify-end py-2">
<Button variant="select" type="submit"> <Button variant="select" type="submit">
{t("button.save", { ns: "common" })} {t("button.next", { ns: "common" })}
</Button> </Button>
</div> </div>
</TextEntry> </TextEntry>
@ -124,7 +127,7 @@ export default function CreateFaceWizardDialog({
<ImageEntry onSave={onUploadImage}> <ImageEntry onSave={onUploadImage}>
<div className="flex justify-end py-2"> <div className="flex justify-end py-2">
<Button variant="select" type="submit"> <Button variant="select" type="submit">
{t("button.save", { ns: "common" })} {t("button.next", { ns: "common" })}
</Button> </Button>
</div> </div>
</ImageEntry> </ImageEntry>