administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-11 13:45:25 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

lint fixes

Browse Source
This commit is contained in:
Blake Blackshear 2024-05-16 05:44:04 -05:00
parent 9b92f417d9
commit 46d60e4a39
8 changed files with 17 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/package.json
View File

@ -7,6 +7,7 @@
"dev": "vite --host", "dev": "vite --host",
"build": "tsc && vite build --base=/BASE_PATH/", "build": "tsc && vite build --base=/BASE_PATH/",
"lint": "eslint --ext .jsx,.js,.tsx,.ts --ignore-path .gitignore .", "lint": "eslint --ext .jsx,.js,.tsx,.ts --ignore-path .gitignore .",
"lint:fix": "eslint --ext .jsx,.js,.tsx,.ts --ignore-path .gitignore --fix .",
"preview": "vite preview", "preview": "vite preview",
"prettier:write": "prettier -u -w --ignore-path .gitignore \"*.{ts,tsx,js,jsx,css,html}\"", "prettier:write": "prettier -u -w --ignore-path .gitignore \"*.{ts,tsx,js,jsx,css,html}\"",
"test": "vitest", "test": "vitest",

4
web/src/components/auth/AuthForm.tsx
View File

@ -92,7 +92,7 @@ export function UserAuthForm({ className, ...props }: UserAuthFormProps) {
<FormLabel>User</FormLabel> <FormLabel>User</FormLabel>
<FormControl> <FormControl>
<Input <Input
className="w-full text-md p-2 border border-input bg-background hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]" className="text-md w-full border border-input bg-background p-2 hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
{...field} {...field}
/> />
</FormControl> </FormControl>
@ -106,7 +106,7 @@ export function UserAuthForm({ className, ...props }: UserAuthFormProps) {
<FormLabel>Password</FormLabel> <FormLabel>Password</FormLabel>
<FormControl> <FormControl>
<Input <Input
className="w-full text-md p-2 border border-input bg-background hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]" className="text-md w-full border border-input bg-background p-2 hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
type="password" type="password"
{...field} {...field}
/> />

4
web/src/components/menu/AccountSettings.tsx
View File

@ -70,7 +70,7 @@ export default function AccountSettings({ className }: AccountSettingsProps) {
</Trigger> </Trigger>
<Content <Content
className={ className={
isDesktop ? "w-72 mr-5" : "max-h-[75dvh] p-2 overflow-hidden" isDesktop ? "mr-5 w-72" : "max-h-[75dvh] overflow-hidden p-2"
} }
> >
<div className="w-full flex-col overflow-y-auto overflow-x-hidden"> <div className="w-full flex-col overflow-y-auto overflow-x-hidden">
@ -80,7 +80,7 @@ export default function AccountSettings({ className }: AccountSettingsProps) {
<DropdownMenuSeparator className={isDesktop ? "mt-3" : "mt-1"} /> <DropdownMenuSeparator className={isDesktop ? "mt-3" : "mt-1"} />
<MenuItem <MenuItem
className={ className={
isDesktop ? "cursor-pointer" : "p-2 flex items-center text-sm" isDesktop ? "cursor-pointer" : "flex items-center p-2 text-sm"
} }
onClick={() => handleLogout()} onClick={() => handleLogout()}
> >

4
web/src/components/overlay/CreateUserDialog.tsx
View File

@ -74,7 +74,7 @@ export default function CreateUserDialog({
<FormLabel>User</FormLabel> <FormLabel>User</FormLabel>
<FormControl> <FormControl>
<Input <Input
className="w-full p-2 border border-input bg-background hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]" className="w-full border border-input bg-background p-2 hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
{...field} {...field}
/> />
</FormControl> </FormControl>
@ -89,7 +89,7 @@ export default function CreateUserDialog({
<FormLabel>Password</FormLabel> <FormLabel>Password</FormLabel>
<FormControl> <FormControl>
<Input <Input
className="w-full p-2 border border-input bg-background hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]" className="w-full border border-input bg-background p-2 hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
type="password" type="password"
{...field} {...field}
/> />

2
web/src/components/overlay/SetPasswordDialog.tsx
View File

@ -28,7 +28,7 @@ export default function SetPasswordDialog({
<DialogTitle>Set Password</DialogTitle> <DialogTitle>Set Password</DialogTitle>
</DialogHeader> </DialogHeader>
<Input <Input
className="w-full p-2 border border-input bg-background hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]" className="w-full border border-input bg-background p-2 hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
type="password" type="password"
value={password} value={password}
onChange={(event) => setPassword(event.target.value)} onChange={(event) => setPassword(event.target.value)}

10
web/src/components/settings/Authentication.tsx
View File

@ -83,13 +83,13 @@ export default function Authentication() {
} }
return ( return (
<div className="flex flex-col md:flex-row size-full"> <div className="flex size-full flex-col md:flex-row">
<Toaster position="top-center" closeButton={true} /> <Toaster position="top-center" closeButton={true} />
<div className="flex flex-col h-full w-full overflow-y-auto mt-2 md:mt-0 mb-10 md:mb-0 order-last md:order-none md:mr-2 rounded-lg border-secondary-foreground border-[1px] p-2 bg-background_alt"> <div className="order-last mb-10 mt-2 flex h-full w-full flex-col overflow-y-auto rounded-lg border-[1px] border-secondary-foreground bg-background_alt p-2 md:order-none md:mb-0 md:mr-2 md:mt-0">
<Heading as="h3" className="my-2"> <Heading as="h3" className="my-2">
Users Users
</Heading> </Heading>
<div className="flex flex-row justify-end items-center gap-2"> <div className="flex flex-row items-center justify-end gap-2">
<Button <Button
variant="select" variant="select"
onClick={() => { onClick={() => {
@ -101,9 +101,9 @@ export default function Authentication() {
</div> </div>
<div className="mt-3 space-y-3"> <div className="mt-3 space-y-3">
{users.map((u) => ( {users.map((u) => (
<Card key={u.username} className="p-2 mb-1"> <Card key={u.username} className="mb-1 p-2">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<div className="flex flex-none ml-3 text-lg align-middle text-ellipsis overflow-hidden shrink"> <div className="ml-3 flex flex-none shrink overflow-hidden text-ellipsis align-middle text-lg">
{u.username} {u.username}
</div> </div>
<div className="flex flex-1 justify-end space-x-2 "> <div className="flex flex-1 justify-end space-x-2 ">

4
web/src/components/settings/General.tsx
View File

@ -80,7 +80,7 @@ export default function General() {
<div className="mt-2 space-y-6"> <div className="mt-2 space-y-6">
<div className="space-y-0.5"> <div className="space-y-0.5">
<div className="text-md">Default Playback Rate</div> <div className="text-md">Default Playback Rate</div>
<div className="text-sm text-muted-foreground my-2"> <div className="my-2 text-sm text-muted-foreground">
<p>Default playback rate for recordings playback.</p> <p>Default playback rate for recordings playback.</p>
</div> </div>
</div> </div>
@ -106,7 +106,7 @@ export default function General() {
</SelectGroup> </SelectGroup>
</SelectContent> </SelectContent>
</Select> </Select>
<Separator className="flex my-2 bg-secondary" /> <Separator className="my-2 flex bg-secondary" />
<div className="mt-2 space-y-6"> <div className="mt-2 space-y-6">
<div className="space-y-0.5"> <div className="space-y-0.5">
<div className="text-md">Low Data Mode</div> <div className="text-md">Low Data Mode</div>

4
web/src/pages/LoginPage.tsx
View File

@ -8,8 +8,8 @@ function LoginPage() {
<div className="size-full overflow-hidden"> <div className="size-full overflow-hidden">
<div className="p-8"> <div className="p-8">
<div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]"> <div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">
<div className="flex flex-col space-y-2 items-center"> <div className="flex flex-col items-center space-y-2">
<Logo className="w-8 h-8 mb-6" /> <Logo className="mb-6 h-8 w-8" />
</div> </div>
<UserAuthForm /> <UserAuthForm />
</div> </div>