Fix UI overlap by translating absolute Map UI with CSS variables, and fix landing page flash via synchronous head script

Apexperform-git · Apexperform-git · commit a8878eb71661 · 2026-03-04T14:09:19.000+01:00
diff --git a/Skypulse/src/app/layout.tsx b/Skypulse/src/app/layout.tsx
@@ -152,8 +152,19 @@ export default function RootLayout({
             </Script>
           </>
         )}
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+              if (window.Capacitor && (window.location.pathname === '/' || window.location.pathname === '/index.html')) {
+                document.documentElement.style.display = 'none';
+                window.location.replace('/map.html');
+              }
+            `,
+          }}
+        />
       </head>
-      <body className={`${inter.variable} font-sans antialiased overflow-x-hidden`}>
+      <body
+        className={`${inter.variable} font-sans antialiased text-white scrollbar-none bg-[#050505]`}>
         <NativeAppBypass />
         <AdMobProvider>
           {children}
diff --git a/Skypulse/src/components/flight-tracker.tsx b/Skypulse/src/components/flight-tracker.tsx
@@ -914,7 +914,8 @@ function FlightTrackerInner() {
 
       <div
         data-map-theme={mapStyle.dark ? "dark" : "light"}
-        className="pointer-events-none absolute inset-0 z-10"
+        className="pointer-events-none absolute inset-x-0 bottom-0 z-10"
+        style={{ top: "var(--ad-banner-height, 0px)" }}
       >
         {!fpvIcao24 && (
           <div className="pointer-events-auto absolute left-3 top-3 flex items-center gap-3 sm:left-4 sm:top-4">

Original file line number	Diff line number	Diff line change
`@@ -914,7 +914,8 @@ function FlightTrackerInner() {`
`914`	`914`
`915`	`915`	`<div`
`916`	`916`	`data-map-theme={mapStyle.dark ? "dark" : "light"}`
`917`		`- className="pointer-events-none absolute inset-0 z-10"`
	`917`	`+ className="pointer-events-none absolute inset-x-0 bottom-0 z-10"`
	`918`	`+ style={{ top: "var(--ad-banner-height, 0px)" }}`
`918`	`919`	`>`
`919`	`920`	`{!fpvIcao24 && (`
`920`	`921`	`<div className="pointer-events-auto absolute left-3 top-3 flex items-center gap-3 sm:left-4 sm:top-4">`