fix: main layout responsive styles

2025-08-07 00:47:01 +03:30
parent c033bad007
commit 40f4ec6449
5 changed files with 14 additions and 14 deletions
@@ -264,11 +264,11 @@ const MenuIndex = () => {
        </div>

        <motion.div
-          initial={{ y: -200 }}
-          animate={{ y: smallCategoriesVisible ? 0 : -200, opacity: smallCategoriesVisible ? 1 : 0 }}
+          initial={{ y: -5 }}
+          animate={{ y: smallCategoriesVisible ? 0 : -50, opacity: smallCategoriesVisible ? 1 : 0 }}
          transition={{ duration: .1 }}
          className={clsx(
-            'fixed left-0 z-10 top-0 px-4 pt-16 bg-[#F4F5F9CC] backdrop-blur-[44px] right-0',
+            'fixed left-0 z-10 top-0 px-4 pt-16 bg-[#F4F5F9CC] backdrop-blur-[44px] right-0 md:pr-48 xl:pr-72 xl:pt-20',
            ``
          )}>
          <HorizontalScrollView className="w-full noscrollbar py-4!">