responsive page home and list

2024-08-14 10:38:07 +03:30
parent 5568a989fe
commit 1341253384
9 changed files with 92 additions and 36 deletions
@@ -21,8 +21,8 @@ function Header({ name }) {
            className="bg-[#FAFAFA] rounded-lg shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)] w-full mx-auto"
        >
            <div className={`
-                h-20 px-4 py-8 flex transition-all duration-500 overflow-hidden justify-between items-center flex-nowrap
-                ${isActive ? '!pr-0' : '!p-4'}
+                px-[8px] sm:px-[16px] md:px-[24px] lg:px-[32px] py-[4px] sm:py-[8px] md:py-[12px] lg:py-[16px] flex transition-all duration-500 overflow-hidden justify-between items-center flex-nowrap
+                ${isActive ? '!pr-0' : '!px-4'}
            `}>
                <div className="">
                    <BgGray