add: filter switch controls

2025-07-11 22:11:41 +03:30
parent f6483706c0
commit 09bfd832d4
9 changed files with 128 additions and 15 deletions
@@ -13,12 +13,9 @@ const AnimatedBottomSheet = (props: Props) => {
            <div
                data-visible={props.visible}
                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)'
-                }}>
+                    'border border-solid border-white 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 backdrop-blur-2xl'
+                )}>
                <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">