From 72e692c5c46f31b1af4856181d736021f406df1b Mon Sep 17 00:00:00 2001 From: Lucas Morais Date: Mon, 29 Jan 2024 20:35:07 -0300 Subject: [PATCH 1/2] adjusting navbar to be responsive --- .github/FUNDING.yml | 2 - src/components/Navbar/index.tsx | 45 +++++++++++++++++++--- src/pages/about.tsx | 21 ----------- src/pages/blog.tsx | 26 ------------- src/pages/index.tsx | 66 ++++++++++++++++----------------- 5 files changed, 72 insertions(+), 88 deletions(-) delete mode 100644 .github/FUNDING.yml delete mode 100644 src/pages/about.tsx delete mode 100644 src/pages/blog.tsx diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml deleted file mode 100644 index 2cc670a..0000000 --- a/.github/FUNDING.yml +++ /dev/null @@ -1,2 +0,0 @@ -custom: - ["https://donate.stripe.com/7sI5m5146ehfddm7tj", "https://nextlessjs.com"] diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx index c0e1839..576a772 100644 --- a/src/components/Navbar/index.tsx +++ b/src/components/Navbar/index.tsx @@ -1,4 +1,4 @@ -import React from 'react'; +import React, { useState } from 'react'; import Link from '@/components/Link'; @@ -9,21 +9,54 @@ interface Props { } export default function Navbar({ logoTitle }: Props) { + const [menuOpen, setMenuOpen] = useState(false); + return ( -