mirror of
https://github.com/supermemoryai/supermemory.git
synced 2026-08-28 05:25:33 +00:00
37 lines
702 B
TypeScript
37 lines
702 B
TypeScript
import { motion } from "motion/react";
|
|
|
|
interface GlassMenuEffectProps {
|
|
rounded?: string;
|
|
className?: string;
|
|
}
|
|
|
|
export function GlassMenuEffect({
|
|
rounded = "rounded-[28px]",
|
|
className = "",
|
|
}: GlassMenuEffectProps) {
|
|
return (
|
|
<motion.div
|
|
className={`absolute inset-0 ${className}`}
|
|
layout
|
|
style={{
|
|
transform: "translateZ(0)",
|
|
willChange: "auto",
|
|
}}
|
|
transition={{
|
|
layout: {
|
|
type: "spring",
|
|
damping: 35,
|
|
stiffness: 180,
|
|
},
|
|
}}
|
|
>
|
|
<div
|
|
className={`absolute inset-0 backdrop-blur-md bg-white/5 border border-white/10 ${rounded}`}
|
|
style={{
|
|
transform: "translateZ(0)",
|
|
willChange: "transform",
|
|
}}
|
|
/>
|
|
</motion.div>
|
|
);
|
|
}
|