mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-05-29 19:35:20 +02:00
chore(footer): added contact us
This commit is contained in:
parent
b2393e0fa5
commit
f50ee6e8c7
2 changed files with 19 additions and 10 deletions
|
|
@ -31,10 +31,10 @@ export function FooterNew() {
|
||||||
title: "Docs",
|
title: "Docs",
|
||||||
href: "/docs",
|
href: "/docs",
|
||||||
},
|
},
|
||||||
// {
|
{
|
||||||
// title: "Blog",
|
title: "Contact Us",
|
||||||
// href: "#",
|
href: "/contact",
|
||||||
// },
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
const socials = [
|
const socials = [
|
||||||
|
|
|
||||||
|
|
@ -19,12 +19,21 @@ export const Navbar = () => {
|
||||||
];
|
];
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const handleScroll = () => {
|
const handleScroll = (e: Event) => {
|
||||||
setIsScrolled(window.scrollY > 20);
|
const target = e.target as HTMLElement;
|
||||||
|
setIsScrolled(target.scrollTop > 20);
|
||||||
};
|
};
|
||||||
|
|
||||||
window.addEventListener("scroll", handleScroll);
|
// Find the scrollable container (the div with overflow-auto in root layout)
|
||||||
return () => window.removeEventListener("scroll", handleScroll);
|
const scrollContainer = document.querySelector(".h-\\[100dvh\\].w-\\[100vw\\].overflow-auto");
|
||||||
|
|
||||||
|
if (scrollContainer) {
|
||||||
|
// Check initial scroll position
|
||||||
|
setIsScrolled(scrollContainer.scrollTop > 20);
|
||||||
|
|
||||||
|
scrollContainer.addEventListener("scroll", handleScroll);
|
||||||
|
return () => scrollContainer.removeEventListener("scroll", handleScroll);
|
||||||
|
}
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
@ -50,7 +59,7 @@ const DesktopNav = ({ navItems, isScrolled }: any) => {
|
||||||
: "bg-transparent border border-transparent"
|
: "bg-transparent border border-transparent"
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<div className="flex flex-row items-center gap-2">
|
<div className="flex flex-1 flex-row items-center gap-2">
|
||||||
<Logo className="h-8 w-8 rounded-md" />
|
<Logo className="h-8 w-8 rounded-md" />
|
||||||
<span className="dark:text-white/90 text-gray-800 text-lg font-bold">SurfSense</span>
|
<span className="dark:text-white/90 text-gray-800 text-lg font-bold">SurfSense</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -73,7 +82,7 @@ const DesktopNav = ({ navItems, isScrolled }: any) => {
|
||||||
</Link>
|
</Link>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex flex-1 items-center justify-end gap-2">
|
||||||
<Link
|
<Link
|
||||||
href="https://discord.gg/ejRNvftDp9"
|
href="https://discord.gg/ejRNvftDp9"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue