fix navbar

This commit is contained in:
Aman Varshney
2025-04-11 17:59:33 +05:30
parent cedd2d470b
commit 6633796176
3 changed files with 3 additions and 3 deletions

View File

@@ -47,7 +47,7 @@ const Navbar = () => {
return (
<>
<nav
className={`fixed top-0 right-0 z-[100] flex w-screen items-center justify-between px-4 py-4 transition-all duration-300 sm:px-8 ${
className={`z-[100] flex w-screen items-center justify-between px-4 py-4 transition-all duration-300 sm:px-8 ${
scrolled
? "border-transparent bg-transparent"
: "border-gray-200 border-b bg-gray-50/80 backdrop-blur-xl dark:border-gray-800/50 dark:bg-gray-950/80"

View File

@@ -4,7 +4,7 @@ import Navbar from "./_components/Navbar";
export default function Layout({ children }: { children: ReactNode }) {
return (
<main className="relative z-10 min-h-svh overflow-hidden bg-gradient-to-b from-gray-50 to-gray-100 transition-color duration-300 dark:from-gray-950 dark:to-black">
<main className="relative z-10 grid min-h-svh grid-cols-1 grid-rows-[auto_1fr_auto] overflow-hidden bg-gradient-to-b from-gray-50 to-gray-100 transition-color duration-300 dark:from-gray-950 dark:to-black">
<Navbar />
{children}
<Footer />

View File

@@ -9,7 +9,7 @@ import Testimonials from "./_components/Testimonials";
export default function HomePage() {
return (
<main className="flex flex-col items-center justify-start px-0 pt-24 pb-10 sm:px-4 sm:pb-16 md:px-8 md:pt-28 lg:pt-36">
<main className="flex flex-col items-center justify-start px-0 pt-12 pb-10 sm:px-4 sm:pb-16 md:px-8 md:pt-16 lg:pt-20">
<BackgroundGradients />
<div className="relative z-10 mx-auto mb-10 max-w-5xl text-center sm:mb-16">
<div className="px-1 sm:px-6 lg:px-8">