Nextjs development and production behavior is different
Answered
atalay posted this in #help-forum
Original message was deleted.
28 Replies
Production Mode:
Code:
<div className="snap-y snap-mandatory h-screen overflow-y-scroll bg-custom-gradient pt-16">
<div className="h-screen snap-start bg-custom-gradient relative z-10 transition duration-500 ease-in-out overflow-hidden px-12">
<div className="relative flex h-[800px] w-full flex-col items-center justify-center overflow-hidden rounded-lg bg-[#010E10] md:shadow-xl">
<div className="absolute flex flex-row z-40" style={{ top: "15%" }} >
<Button className="bg-[rgba(245,245,247,0.15)] text-white rounded-full py-2 px-4 flex items-center justify-between w-full max-w-md hover:bg-gray-700 transition duration-300 ease-in-out gap-2 border-2 border-[#142123]">
<span className={cn(poppins_regular.className, "bg-[#3DD86F] text-[#010E10] px-3 py-1 rounded-full")}>Ücretsiz</span>
<span className={cn(poppins_regular.className, "flex-1 text-center text-[#F5F5F7]")}>Marka Analizi İçin Başvur!</span>
<span className="bg-gray-700 p-0 rounded-full hover:bg-gray-600 transition duration-300 ease-in-out">
<ArrowRight className="text-white" />
</span>
</Button>
</div>
<div className="absolute top-1/4 flex flex-row gap-3">
<BlurIn
word="Büyük Markaların"
className={cn(poppins_bold.className, "text-5xl text-gradient-white")}
/>
<BlurIn
word="Dijital Gücü"
className={cn(poppins_bold.className, "text-5xl text-gradient-green pb-5")}
/>
</div>
<div className={cn(poppins_light.className, "text-lg text-[#cdcdce] absolute left-24 bottom-4")} style={{ top: '45%' }}>
<div className="flex flex-col gap-10" >
<div className="flex flex-col" >
<BlurInParagraph
word="Vise Dijital Çözümler ile şirketiniz veya ekibiniz için"
/>
<BlurInParagraph
word="sağladığımız çözüm odaklı hizmetlerimizden yararlanın."
/>
<div className="flex flex-row gap-1" >
<BlurInParagraph
word="İşletmenizi"
/>
<BlurInParagraph
word="dijital dünya"
className="text-[#3DD86F]"
/>
<BlurInParagraph
word="ile iç içe getirin."
/>
</div>
</div>
<div className="flex flex-row gap-2" >
<Button className="bg-[rgba(245,245,247,0.15)] rounded-full py-2 px-4 hover:bg-[#3DD86F] transition duration-300 ease-in-out gap-2">
<span className={cn(poppins_regular.className)}>Şimdi Başla</span>
<FaChevronRight className="text-[#F5F5F7]" />
</Button>
<Button className="bg-transparent rounded-full py-2 px-4 hover:bg-[#3DD86F] transition duration-300 ease-in-out gap-2">
<span className={cn(poppins_regular.className)}>Daha Fazla</span>
<FaChevronRight className="text-[#F5F5F7]" />
</Button>
</div>
</div>
</div>
<BorderBeam size={250} duration={12} delay={9} />
</div>
<Globe
className="absolute bottom-0 right-0 m-4 z-20"
/>
</div>
</div>
@atalay check for errors in console
actually I checked everything...
i tried z-index 9999999
might sharing me your codebase
i try to recreate
why css behavior different production with development
your repo or something
ok wait
okay here the repo: https://github.com/atalayio/visedigitalwebapp
something extremely weird is going on
i can try fix it with anydesk
Answer
like what?
so come dm maybe?
why?
just get anydesk and send me your code
cuz my anydesk code it's private 😭
yeah I know
add me