From cc65a42f8917d0bc49bc6787df6b5c8a724845b3 Mon Sep 17 00:00:00 2001 From: Goutam Date: Fri, 1 May 2026 13:05:11 +0530 Subject: [PATCH] Updated CSS styles --- app/components/Header.tsx | 81 +++-- public/assets/css/responsive.css | 601 +++++++++++++++++++++++++++++++ public/assets/css/style.css | 6 + 3 files changed, 665 insertions(+), 23 deletions(-) create mode 100644 public/assets/css/responsive.css diff --git a/app/components/Header.tsx b/app/components/Header.tsx index 0d20d3b..a34faea 100644 --- a/app/components/Header.tsx +++ b/app/components/Header.tsx @@ -1,11 +1,20 @@ 'use client'; -import { useState } from 'react'; +import { useEffect, useState } from 'react'; import Link from 'next/link'; import Image from 'next/image'; export default function Header() { const [open, setOpen] = useState(false); + const [navOpen, setNavOpen] = useState(false); + + useEffect(() => { + const lock = open || navOpen; + document.body.style.overflow = lock ? 'hidden' : ''; + return () => { document.body.style.overflow = ''; }; + }, [open, navOpen]); + + const closeAll = () => { setOpen(false); setNavOpen(false); }; return ( <> @@ -13,46 +22,72 @@ export default function Header() {
- + Logo -
    -
  • Work
    • -
  • Services
    • -
  • About
    • -
  • Process
    • +
      +
    • Work
      • +
    • Services
      • +
    • About
      • +
    • Process
      • - {/* ⚠️ FIX */}
    • - Start a Project + Start a Project
    - {/* TOGGLE BUTTON */} -
    setOpen(!open)} - > - menu +
    + + +
- {/* RIGHT PANEL */} +