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

Use icon only in mobile

Browse Source
This commit is contained in:
Nicolas Mowen 2024-03-24 08:07:09 -06:00
parent 49dfc14a15
commit c50c68309c
1 changed files with 10 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
web/src/pages/Logs.tsx
View File

@ -1,18 +1,9 @@
import Logo from "@/components/Logo";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuLabel,
DropdownMenuRadioGroup,
DropdownMenuRadioItem,
DropdownMenuSeparator,
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";
import Heading from "@/components/ui/heading";
import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group"; import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
import copy from "copy-to-clipboard"; import copy from "copy-to-clipboard";
import { useCallback, useMemo, useRef, useState } from "react"; import { useCallback, useMemo, useRef, useState } from "react";
import { FaRegClipboard } from "react-icons/fa6";
import { LuCopy } from "react-icons/lu";
import useSWR from "swr"; import useSWR from "swr";
const logTypes = ["frigate", "go2rtc", "nginx"] as const; const logTypes = ["frigate", "go2rtc", "nginx"] as const;
@ -86,7 +77,14 @@ function Logs() {
))} ))}
</ToggleGroup> </ToggleGroup>
<div> <div>
<Button onClick={handleCopyLogs}>Copy to Clipboard</Button> <Button
className="flex justify-between items-center gap-2"
size="sm"
onClick={handleCopyLogs}
>
<LuCopy />
<div className="hidden md:block">Copy to Clipboard</div>
</Button>
</div> </div>
</div> </div>