add: dropdown component

2025-07-11 18:04:26 +03:30
parent 20e8be4d09
commit cec8ac0041
6 changed files with 173 additions and 16 deletions
@@ -15,7 +15,10 @@ const AnimatedBottomSheet = (props: Props) => {
                className={clsx(
                    'absolute -bottom-full left-0 w-full bg-white/64 rounded-t-4xl pt-[39px] pb-6',
                    'data-[visible=true]:bottom-0 transition-all duration-150'
-                )}>
+                )}
+                style={{
+                    backdropFilter: 'blur(44px)'
+                }}>
                <div className="ps-[31px] pe-[33px] flex justify-between">
                    <div className='text-lg font-medium text-black leading-8 mt-2.5'>{props.title}</div>
                    <div onClick={props.onClick} className="bg-white/38 w-8 h-8 rounded-full p-1.5">