fix: search bar now takes full width

2026-05-11 10:22:10 +05:30
parent 9a3056fbd8
commit e3df40559b
2 changed files with 9 additions and 8 deletions
@@ -63,13 +63,14 @@ export function PageHeader({
        <div
          className={cn(
            "flex items-center gap-1.5",
-            // Mobile: float so the title text wraps around it
-            "max-md:float-right max-md:ml-2",
            // Desktop: inline at the right of the flex row
            "md:pt-1 md:order-1",
+            // Mobile float (for title wrapping) only applies when collapsed.
+            // When expanded the search bar fills the full header width and
+            // should NOT have a left margin or be floated.
            searchExpanded
-              ? "max-md:float-none max-md:flex max-md:w-full max-md:min-w-0"
-              : "md:shrink-0",
+              ? "max-md:w-full max-md:min-w-0"
+              : "max-md:float-right max-md:ml-2 md:shrink-0",
          )}
        >
          <HeaderSearchButton