mirror of
https://github.com/blakeblackshear/frigate.git
synced 2026-06-26 22:31:54 +03:00
08be019bed
Some checks are pending
CI / AMD64 Build (push) Waiting to run
CI / Assemble and push default build (push) Blocked by required conditions
CI / ARM Build (push) Waiting to run
CI / Jetson Jetpack 6 (push) Waiting to run
CI / AMD64 Extra Build (push) Blocked by required conditions
CI / ARM Extra Build (push) Blocked by required conditions
CI / Synaptics Build (push) Blocked by required conditions
* improve visibility of blurred icon buttons * add motion search to history actions menu and mobile drawer * i18n * use pure css for motion search dialog video * defer profile restoration until subscribers are connected * change order of features in mobile review settings drawer
29 lines
970 B
TypeScript
29 lines
970 B
TypeScript
import React, { forwardRef } from "react";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
type BlurredIconButtonProps = React.HTMLAttributes<HTMLDivElement>;
|
|
|
|
const BlurredIconButton = forwardRef<HTMLDivElement, BlurredIconButtonProps>(
|
|
({ className = "", children, ...rest }, ref) => {
|
|
return (
|
|
<div
|
|
ref={ref}
|
|
className={cn(
|
|
"group relative inline-flex items-center justify-center",
|
|
className,
|
|
)}
|
|
{...rest}
|
|
>
|
|
<div className="pointer-events-none absolute inset-0 m-auto size-5 scale-95 rounded-full bg-black opacity-30 blur-md transition-all duration-200 group-hover:scale-100 group-hover:opacity-100 group-hover:blur-xl" />
|
|
<div className="relative z-10 cursor-pointer text-white/85 drop-shadow-[0_1px_1px_rgba(0,0,0,0.9)] hover:text-white">
|
|
{children}
|
|
</div>
|
|
</div>
|
|
);
|
|
},
|
|
);
|
|
|
|
BlurredIconButton.displayName = "BlurredIconButton";
|
|
|
|
export default BlurredIconButton;
|