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

Use separate buttons for export control

Browse Source
This commit is contained in:
Nicolas Mowen 2024-03-27 16:29:35 -06:00
parent 7075ea53aa
commit 43510ebdd5
1 changed files with 4 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/components/overlay/SaveExportOverlay.tsx
View File

@ -1,5 +1,4 @@
import { Button } from "../ui/button";
import { LuX } from "react-icons/lu";
type SaveExportOverlayProps = {
className: string;
@ -16,20 +15,15 @@ export default function SaveExportOverlay({
return (
<div className={className}>
<div
className={`flex justify-center px-2 gap-2 items-center pointer-events-auto bg-selected rounded-lg *:text-white *:hover:bg-transparent ${
className={`flex justify-center px-2 gap-2 items-center pointer-events-auto rounded-lg *:text-white ${
show ? "animate-in slide-in-from-top duration-500" : "invisible"
} text-center mt-5 mx-auto`}
>
<Button className="p-0" variant="ghost" size="sm" onClick={onSave}>
<Button variant="select" size="sm" onClick={onSave}>
Save Export
</Button>
<Button
className="cursor-pointer"
size="xs"
variant="ghost"
onClick={onCancel}
>
<LuX />
<Button size="sm" variant="secondary" onClick={onCancel}>
Cancel
</Button>
</div>
</div>