mirror of
https://github.com/supermemoryai/supermemory.git
synced 2026-05-18 14:48:12 +00:00
1423bd7004
- Mobile responsive - new toast design - web document render issue fix - posthog analytics - ui improvements
37 lines
698 B
TypeScript
37 lines
698 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>
|
|
)
|
|
}
|