feat: add sticky behavior to pricing options container

This commit is contained in:
Juan Sebastián Mendoza
2024-03-20 15:05:17 -05:00
parent 0dfdf36bda
commit 3e15b5d745
2 changed files with 3 additions and 2 deletions

View File

@ -23,7 +23,7 @@ export const PricingTable = ({ className, ...props }: PricingTableProps) => {
return (
<div className={cn('', className)} {...props}>
<div className="flex items-center justify-center gap-x-6">
<div className="bg-background sticky top-32 flex items-center justify-center gap-x-6 shadow-[-1px_-5px_2px_6px_hsl(var(--background))] md:top-[7.5rem] lg:static">
<AnimatePresence>
<motion.button
key="MONTHLY"