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,
} from "../ui/dialog";
import { TooltipPortal } from "@radix-ui/react-tooltip";
import { cn } from "@/lib/utils";
type GeneralSettingsProps = {
className?: string;
@ -113,13 +114,18 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
return (
<>
<div className={className}>
<Container>
<Trigger>
<Tooltip>
<TooltipTrigger asChild>
<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]" />
</div>
@ -321,9 +327,7 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
<a href="https://docs.frigate.video">
<MenuItem
className={
isDesktop
? "cursor-pointer"
: "flex items-center p-2 text-sm"
isDesktop ? "cursor-pointer" : "flex items-center p-2 text-sm"
}
>
<LuLifeBuoy className="mr-2 size-4" />
@ -333,9 +337,7 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
<a href="https://github.com/blakeblackshear/frigate">
<MenuItem
className={
isDesktop
? "cursor-pointer"
: "flex items-center p-2 text-sm"
isDesktop ? "cursor-pointer" : "flex items-center p-2 text-sm"
}
>
<LuGithub className="mr-2 size-4" />
@ -355,7 +357,6 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
</div>
</Content>
</Container>
</div>
{restartDialogOpen && (
<AlertDialog
open={restartDialogOpen}