jeffemmett
/
mycofi-earth-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: resolve footer text fading issue 

Set footer z-index to 20 to prevent canvas overlap.

#VERCEL_SKIP

Co-authored-by: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com>
This commit is contained in:
v0 2025-11-02 03:21:33 +00:00
parent c27bbe16c6
commit e28c6b1e8a
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/page.tsx
View File

@ -21,7 +21,7 @@ export default function Home() {
<ImageGallery /> <ImageGallery />
<CTASection /> <CTASection />
</main> </main>
<Footer /> <Footer className="z-20" />
</div> </div>
) )
} }

2
components/footer.tsx
View File

@ -3,7 +3,7 @@ import { Sprout } from "lucide-react"
export function Footer() { export function Footer() {
return ( return (
<footer className="border-t border-border bg-white"> <footer className="border-t border-border bg-white relative z-20">
<div className="container py-12"> <div className="container py-12">
<div className="grid grid-cols-1 md:grid-cols-4 gap-8"> <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
<div className="md:col-span-2"> <div className="md:col-span-2">