From a257745377d5deafc537ec3c19845e355c70f983 Mon Sep 17 00:00:00 2001
From: mortezaei <mortezaei2324@gmail.com>
Date: Wed, 26 Aug 2026 09:30:30 +0330
Subject: [PATCH] Revert "fix(ui): unify PageHeader with Flutter AppBar specs
 (56px toolbar, safeArea, sticky blur)"

This reverts commit dd0424e5a127f62d520b32c9a472a0430d3a3611.
---
 .../candidate-contact-client.tsx              |  4 +-
 .../finding-match/finding-match-client.tsx    |  4 +-
 src/app/new-match/new-match-client.tsx        | 18 +++-
 .../request-accepted-client.tsx               |  4 +-
 src/app/request-sent/request-sent-client.tsx  |  4 +-
 src/components/Componentes/page-header.tsx    | 82 +++++++------------
 6 files changed, 54 insertions(+), 62 deletions(-)

diff --git a/src/app/candidate-contact/candidate-contact-client.tsx b/src/app/candidate-contact/candidate-contact-client.tsx
index f31c167..6c3e667 100644
--- a/src/app/candidate-contact/candidate-contact-client.tsx
+++ b/src/app/candidate-contact/candidate-contact-client.tsx
@@ -130,7 +130,7 @@ export default function CandidateContactClient() {
           />
         ) : null}
 
-        <main className="-mx-[17px] flex min-h-screen flex-col px-[23px] pb-[calc(20px+var(--safe-bottom))]">
+        <main className="-mx-[17px] flex min-h-screen flex-col px-[23px] pt-[max(12px,calc(var(--safe-top)+4px))] pb-[calc(20px+var(--safe-bottom))]">
           <PageHeader
             className="-mx-[6px]"
             profile={profile}
@@ -353,7 +353,7 @@ export default function CandidateContactClient() {
         />
       ) : null}
 
-      <main className="-mx-[17px] flex min-h-screen flex-col px-[17px] pb-36">
+      <main className="-mx-[17px] flex min-h-screen flex-col px-[17px] pt-[max(12px,calc(var(--safe-top)+4px))] pb-36">
         <PageHeader profile={profile} />
 
         <section className="flex flex-1 items-center justify-center">
diff --git a/src/app/finding-match/finding-match-client.tsx b/src/app/finding-match/finding-match-client.tsx
index 4a6edfc..f7f09ac 100644
--- a/src/app/finding-match/finding-match-client.tsx
+++ b/src/app/finding-match/finding-match-client.tsx
@@ -87,9 +87,9 @@ export default function FindingMatchClient() {
 
       <main
         style={{ paddingBottom: "calc(100px + var(--safe-bottom))" }}
-        className="-mx-[17px] flex min-h-screen flex-col px-[23px] text-center"
+        className="-mx-[17px] flex min-h-screen flex-col px-[23px] pt-[max(12px,calc(var(--safe-top)+4px))] text-center"
       >
-        <PageHeader />
+        <PageHeader className="-mx-[6px]" />
 
         <section className="mt-20 flex flex-1 flex-col items-center">
           <div className="relative h-[124px] w-[130px]" aria-hidden="true">
diff --git a/src/app/new-match/new-match-client.tsx b/src/app/new-match/new-match-client.tsx
index 92d44a3..6b717f7 100644
--- a/src/app/new-match/new-match-client.tsx
+++ b/src/app/new-match/new-match-client.tsx
@@ -636,7 +636,14 @@ export default function NewMatchClient() {
         <main
           className="-mx-[17px] flex min-h-dvh flex-col px-[18px] text-center"
         >
-          <PageHeader profile={profile} />
+          <div
+            style={{
+              paddingTop: `${Math.max(12, top + 4)}px`,
+            }}
+            className="sticky top-0 z-30 -mx-[18px] px-[18px] pb-2 bg-[#F7F1F0]/90 backdrop-blur-md"
+          >
+            <PageHeader profile={profile} />
+          </div>
 
           <div
             style={{
@@ -718,7 +725,14 @@ export default function NewMatchClient() {
       <main
         className="-mx-[17px] flex min-h-dvh flex-col px-[18px] text-center"
       >
-        <PageHeader profile={profile} />
+        <div
+          style={{
+            paddingTop: `${Math.max(12, top + 4)}px`,
+          }}
+          className="sticky top-0 z-30 -mx-[18px] px-[18px] pb-2 bg-[#F7F1F0]/90 backdrop-blur-md"
+        >
+          <PageHeader profile={profile} />
+        </div>
 
         <div
           style={{
diff --git a/src/app/request-accepted/request-accepted-client.tsx b/src/app/request-accepted/request-accepted-client.tsx
index 1d5a7a0..02ddae0 100644
--- a/src/app/request-accepted/request-accepted-client.tsx
+++ b/src/app/request-accepted/request-accepted-client.tsx
@@ -538,8 +538,8 @@ export default function RequestAcceptedClient() {
         />
       ) : null}
 
-      <main className="-mx-[17px] flex min-h-screen flex-col px-[23px] pb-[calc(20px+var(--safe-bottom))] text-center">
-        <PageHeader profile={profile} />
+      <main className="-mx-[17px] flex min-h-screen flex-col px-[23px] pt-[max(12px,calc(var(--safe-top)+4px))] pb-[calc(20px+var(--safe-bottom))] text-center">
+        <PageHeader className="-mx-[6px]" profile={profile} />
 
         <div className="flex flex-1 flex-col justify-between gap-6 pt-4">
           <section className="flex flex-col items-center">
diff --git a/src/app/request-sent/request-sent-client.tsx b/src/app/request-sent/request-sent-client.tsx
index fe94f51..01fa028 100644
--- a/src/app/request-sent/request-sent-client.tsx
+++ b/src/app/request-sent/request-sent-client.tsx
@@ -88,9 +88,9 @@ export default function RequestSentClient() {
 
       <main
         style={{ paddingBottom: "calc(40px + var(--safe-bottom))" }}
-        className="-mx-[17px] flex min-h-screen flex-col px-[23px] text-center"
+        className="-mx-[17px] flex min-h-screen flex-col px-[23px] pt-[max(12px,calc(var(--safe-top)+4px))] text-center"
       >
-        <PageHeader profile={profile} />
+        <PageHeader className="-mx-[6px]" profile={profile} />
 
         <div className="flex flex-1 flex-col justify-between gap-16 pt-8">
           <section className="flex flex-col items-center">
diff --git a/src/components/Componentes/page-header.tsx b/src/components/Componentes/page-header.tsx
index 7b2ff83..6d9603a 100644
--- a/src/components/Componentes/page-header.tsx
+++ b/src/components/Componentes/page-header.tsx
@@ -22,26 +22,14 @@ type PageHeaderProps = {
    */
   enableProfileQuery?: boolean;
   profile?: any;
-  /**
-   * Whether the header is sticky at the top during scroll (matching Flutter AppBar).
-   * Defaults to true.
-   */
-  sticky?: boolean;
 };
 
-/**
- * Standard AppBar for Marriage WebApp matching Flutter's Scaffold.appBar:
- * - Toolbar Height: 56px (Flutter Material kToolbarHeight)
- * - Top Safe Area: max(12px, var(--safe-top) + 4px)
- * - Sticky at top during body scroll with frosted blur backdrop
- */
 export function PageHeader({
   className,
   leftButton,
   rightButton,
   enableProfileQuery = true,
   profile: profileProp,
-  sticky = true,
 }: PageHeaderProps) {
   const { dictionary: t } = useI18n();
 
@@ -69,61 +57,51 @@ export function PageHeader({
 
   return (
     <header
-      style={{
-        paddingTop: "max(12px, calc(var(--safe-top) + 4px))",
-      }}
-      className={[
-        sticky
-          ? "sticky top-0 z-30 -mx-[17px] px-[17px] bg-[#F7F1F0]/90 backdrop-blur-md"
-          : "relative z-30 -mx-[17px] px-[17px]",
-        className,
-      ]
+      className={["flex items-center justify-between pb-3", className]
         .filter(Boolean)
         .join(" ")}
     >
-      <div className="flex h-[56px] items-center justify-between">
-        {leftButton?.className?.includes("hidden") ? (
-          <div className="size-10 shrink-0" />
-        ) : (
-          <NavigationButton icon="back" profile={profile} {...leftButton} />
-        )}
+      {leftButton?.className?.includes("hidden") ? (
+        <div className="size-10 shrink-0" />
+      ) : (
+        <NavigationButton icon="back" profile={profile} {...leftButton} />
+      )}
+      <h1 className="font-faminela text-[20px] font-normal text-foreground">
+        {t["Habib Marriage"]}
+      </h1>
 
-        <h1 className="font-faminela text-[20px] font-normal text-[#171717] leading-none select-none">
-          {t["Habib Marriage"]}
-        </h1>
-
-        {isCustomRightButton ? (
+      {isCustomRightButton ? (
+        <NavigationButton
+          icon={iconFromProp || "support"}
+          profile={profile}
+          {...(iconFromProp === "support" ? { iconLabel: t["Support"] } : {})}
+          {...rightButtonRest}
+        />
+      ) : isMale ? (
+        <div className="flex items-center gap-2">
           <NavigationButton
-            icon={iconFromProp || "support"}
+            icon="subscription"
             profile={profile}
-            {...(iconFromProp === "support" ? { iconLabel: t["Support"] } : {})}
-            {...rightButtonRest}
+            iconLabel={t["Subscription Status"] || "Subscription"}
           />
-        ) : isMale ? (
-          <div className="flex items-center gap-2">
-            <NavigationButton
-              icon="subscription"
-              profile={profile}
-              iconLabel={t["Subscription Status"] || "Subscription"}
-            />
-            <NavigationButton
-              icon="support"
-              profile={profile}
-              iconLabel={t["Support"]}
-              {...rightButtonRest}
-            />
-          </div>
-        ) : (
           <NavigationButton
             icon="support"
             profile={profile}
             iconLabel={t["Support"]}
             {...rightButtonRest}
           />
-        )}
-      </div>
+        </div>
+      ) : (
+        <NavigationButton
+          icon="support"
+          profile={profile}
+          iconLabel={t["Support"]}
+          {...rightButtonRest}
+        />
+      )}
     </header>
   );
 }
 
 export default PageHeader;
+