Fix overlap: Stack settings on mobile and adjust header padding

hxrshxz · hxrshxz · commit 82ec2a6a51f2 · 2025-12-16T18:06:37.000+05:30
diff --git a/src/components/PageHeader/HomePage.astro b/src/components/PageHeader/HomePage.astro
@@ -10,7 +10,7 @@ const { config } = Astro.props;
 
 ---
 
-<div class="px-lg pt-5xl lg:pt-3xl pb-0 h-full">
+<div class="px-lg pt-[11.25rem] lg:pt-3xl pb-0 h-full">
   <div class="homepage-header-top">
     <div class="grid grid-cols-3 lg:grid-cols-4 gap-md overflow-visible h-min">
       <p class="col-span-2 lg:col-span-3 mt-0 text-md md:text-xl lg:text-3xl">
diff --git a/src/components/PageHeader/RootPage.astro b/src/components/PageHeader/RootPage.astro
@@ -12,7 +12,7 @@ const borderStyle = isFilterRoute ? "" : "border-b border-sidebar-type-color";
 ---
 
 <div
-  class=`content-grid-simple min-h-[350px] h-[50vh] pt-5xl lg:pt-4xl bg-accent-color text-accent-type-color pb-md px-5 md:px-lg ${borderStyle}`
+  class=`content-grid-simple min-h-[350px] h-[50vh] pt-[11.25rem] lg:pt-4xl bg-accent-color text-accent-type-color pb-md px-5 md:px-lg ${borderStyle}`
 >
   <h1 class="whitespace-pre-line col-span-full mb-5">{title}</h1>
   <p class="text-h3 !mt-0 mb-3xl col-span-2">{subtitle}</p>

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ const borderStyle = isFilterRoute ? "" : "border-b border-sidebar-type-color";`
`12`	`12`	`---`
`13`	`13`
`14`	`14`	`<div`
`15`		- class=`content-grid-simple min-h-[350px] h-[50vh] pt-5xl lg:pt-4xl bg-accent-color text-accent-type-color pb-md px-5 md:px-lg ${borderStyle}`
	`15`	+ class=`content-grid-simple min-h-[350px] h-[50vh] pt-[11.25rem] lg:pt-4xl bg-accent-color text-accent-type-color pb-md px-5 md:px-lg ${borderStyle}`
`16`	`16`	`>`
`17`	`17`	`<h1 class="whitespace-pre-line col-span-full mb-5">{title}</h1>`
`18`	`18`	`<p class="text-h3 !mt-0 mb-3xl col-span-2">{subtitle}</p>`