Seazn/profit-planet-frontend
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove double scrollbar

Browse Source
This commit is contained in:
seaznCode 2025-10-14 18:47:01 +02:00
parent 4ec56fd12f
commit 20710484fe
4 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/components/PageLayout.tsx
View File

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

2
src/app/components/animation/pageTransitionEffect.tsx
View File

@ -25,7 +25,7 @@ const PageTransitionEffect = ({ children }: { children: React.ReactNode }) => {
animate="enter" animate="enter"
exit="exit" exit="exit"
transition={{ type: 'tween', duration: 0.3 }} transition={{ type: 'tween', duration: 0.3 }}
className="flex-1 w-full flex flex-col" className="w-full"
> >
{children} {children}
</motion.div> </motion.div>

5
src/app/globals.css
View File

@ -20,6 +20,10 @@
} }
} }
html {
overflow-x: hidden;
}
html, body { html, body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -27,6 +31,7 @@ html, body {
background: var(--background); background: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
overflow-x: hidden;
} }
#__next { #__next {

3
src/app/page.tsx
View File

@ -6,7 +6,7 @@ export default function HomePage() {
{/* Hero Section */} {/* Hero Section */}
<section <section
id="hero" id="hero"
className="relative isolate" // removed flex-1 to avoid nested scroll container className="relative isolate min-h-screen flex flex-col justify-center"
> >
{/* ...existing code (pattern SVG + blurred polygon) ... */} {/* ...existing code (pattern SVG + blurred polygon) ... */}
<svg <svg
@ -54,7 +54,6 @@ export default function HomePage() {
{/* Content wrapper */} {/* Content wrapper */}
<div className="mx-auto max-w-7xl px-4 py-12 sm:px-6 sm:py-20 lg:px-8 lg:py-32 flex w-full items-center"> <div className="mx-auto max-w-7xl px-4 py-12 sm:px-6 sm:py-20 lg:px-8 lg:py-32 flex w-full items-center">
{/* removed h-full so it sizes to content */}
<div className="mx-auto max-w-2xl gap-x-8 lg:mx-0 lg:flex lg:max-w-none lg:items-center lg:gap-x-14"> <div className="mx-auto max-w-2xl gap-x-8 lg:mx-0 lg:flex lg:max-w-none lg:items-center lg:gap-x-14">
<div className="relative w-full lg:max-w-xl lg:shrink-0 xl:max-w-2xl"> <div className="relative w-full lg:max-w-xl lg:shrink-0 xl:max-w-2xl">
<h1 className="text-3xl font-semibold tracking-tight text-pretty text-white sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl"> <h1 className="text-3xl font-semibold tracking-tight text-pretty text-white sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl">