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
@@ -12,11 +12,11 @@ export default function SideMenuItem({ href, title, icon, className, children, .
            {...restProps}
            href={href}
            className={`
-        inline-flex gap-3 ps-9 h-full w-full items-center overflow-hidden text-nowrap
-        text-xs font-light text-disabled-text border-transparent
-        data-[active]:border-s-6 data-[active]:border-black data-[active]:text-black
-        ${className}
-      `}
+                inline-flex gap-3 ps-9 md:ps-6 xl:ps-12 h-full w-full items-center overflow-hidden text-nowrap
+                text-xs font-light text-disabled-text border-transparent
+                data-[active]:border-s-6 data-[active]:border-black data-[active]:text-black
+                ${className}
+            `}
        >
            {children}
            <span className="flex-shrink-0">{icon}</span>