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

Fix settings icon

Browse Source
This commit is contained in:
Nicolas Mowen 2024-05-27 19:54:11 -06:00
parent c1330704cf
commit 556b3f70d1
1 changed files with 225 additions and 224 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
web/src/components/menu/GeneralSettings.tsx
View File

@ -66,6 +66,7 @@ import {
DialogTrigger, DialogTrigger,
} from "../ui/dialog"; } from "../ui/dialog";
import { TooltipPortal } from "@radix-ui/react-tooltip"; import { TooltipPortal } from "@radix-ui/react-tooltip";
import { cn } from "@/lib/utils";
type GeneralSettingsProps = { type GeneralSettingsProps = {
className?: string; className?: string;
@ -113,13 +114,18 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
return ( return (
<> <>
<div className={className}>
<Container> <Container>
<Trigger> <Trigger>
<Tooltip> <Tooltip>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<div <div
className={`flex flex-col items-center justify-center ${isDesktop ? "cursor-pointer rounded-lg bg-secondary text-secondary-foreground hover:bg-muted" : "text-secondary-foreground"}`} className={cn(
"flex flex-col items-center justify-center",
isDesktop
? "cursor-pointer rounded-lg bg-secondary text-secondary-foreground hover:bg-muted"
: "text-secondary-foreground",
className,
)}
> >
<LuSettings className="size-5 md:m-[6px]" /> <LuSettings className="size-5 md:m-[6px]" />
</div> </div>
@ -321,9 +327,7 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
<a href="https://docs.frigate.video"> <a href="https://docs.frigate.video">
<MenuItem <MenuItem
className={ className={
isDesktop isDesktop ? "cursor-pointer" : "flex items-center p-2 text-sm"
? "cursor-pointer"
: "flex items-center p-2 text-sm"
} }
> >
<LuLifeBuoy className="mr-2 size-4" /> <LuLifeBuoy className="mr-2 size-4" />
@ -333,9 +337,7 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
<a href="https://github.com/blakeblackshear/frigate"> <a href="https://github.com/blakeblackshear/frigate">
<MenuItem <MenuItem
className={ className={
isDesktop isDesktop ? "cursor-pointer" : "flex items-center p-2 text-sm"
? "cursor-pointer"
: "flex items-center p-2 text-sm"
} }
> >
<LuGithub className="mr-2 size-4" /> <LuGithub className="mr-2 size-4" />
@ -355,7 +357,6 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
</div> </div>
</Content> </Content>
</Container> </Container>
</div>
{restartDialogOpen && ( {restartDialogOpen && (
<AlertDialog <AlertDialog
open={restartDialogOpen} open={restartDialogOpen}