fix: double scrollbar + margins

This commit is contained in:
seaznCode 2025-10-03 21:08:13 +02:00
parent a6c3251a6f
commit 0e7d2d41dc
2 changed files with 4 additions and 4 deletions

View File

@ -25,7 +25,7 @@ export default function PageLayout({
const isMobile = isMobileDevice();
return (
<div className="min-h-screen w-full flex flex-col relative overflow-x-hidden bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100 transition-colors">
<div className="h-screen w-full flex flex-col relative bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100 transition-colors m-0 p-0 overflow-hidden">
{showHeader && (
<div className="relative z-50 w-full">
@ -34,7 +34,7 @@ export default function PageLayout({
)}
{/* Main content */}
<div className="flex-1 relative z-10 w-full flex flex-col">
<div className="flex-1 relative z-10 w-full flex flex-col m-0 p-0">
{children}
</div>

View File

@ -6,7 +6,7 @@ export default function HomePage() {
{/* Hero Section */}
<section
id="hero"
className="relative isolate flex flex-col min-h-screen" // added min-h-screen to ensure full height and push footer to bottom
className="relative isolate flex flex-col h-screen overflow-hidden"
>
{/* ...existing code (pattern SVG + blurred polygon) ... */}
<svg
@ -47,7 +47,7 @@ export default function HomePage() {
</div>
{/* Background layering */}
<div className="relative flex-1 overflow-hidden flex">
<div className="relative flex-1 flex">
{/* ...existing code (absolute layers) ... */}
<div className="absolute inset-0 -z-30 bg-white dark:bg-gray-950" />
<div className="absolute inset-0 -z-20 bg-gradient-to-b from-gray-900/95 via-gray-900/80 to-gray-900 dark:from-gray-900/95 dark:via-gray-900/80 dark:to-gray-900" />