fix: lock left panel, only right side scrolls

This commit is contained in:
Usman Baig
2026-03-26 23:17:18 +01:00
parent 75bf071d98
commit e5ac1893dc

View File

@@ -172,14 +172,14 @@ function CheckoutContent() {
const pageviewLimit = Number(limit) const pageviewLimit = Number(limit)
return ( return (
<div className="flex min-h-screen"> <div className="flex h-screen overflow-hidden">
{/* Left — Feature slideshow (hidden on mobile) */} {/* Left — Feature slideshow (hidden on mobile) */}
<div className="hidden lg:block lg:w-1/2 relative sticky top-0 h-screen overflow-hidden"> <div className="hidden lg:flex lg:w-1/2 relative h-full overflow-hidden">
<FeatureSlideshow /> <FeatureSlideshow />
</div> </div>
{/* Right — Payment */} {/* Right — Payment (scrollable) */}
<div className="w-full lg:w-1/2 flex flex-col min-h-screen"> <div className="w-full lg:w-1/2 flex flex-col h-full overflow-y-auto">
{/* Header */} {/* Header */}
<div className="px-6 py-5"> <div className="px-6 py-5">
<Link href="/pricing" className="flex items-center gap-2 w-fit hover:opacity-80 transition-opacity"> <Link href="/pricing" className="flex items-center gap-2 w-fit hover:opacity-80 transition-opacity">