resized the hamburger menu button, form, and logo

Nactore-Org · Jun 3, 2024 · 7ce255e · 7ce255e
1 parent 27c4894
commit 7ce255e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/Pages/LandingPage.jsx b/src/Pages/LandingPage.jsx
@@ -49,7 +49,7 @@ function LandingPage() {
  />
  </div>
  </div>
- <div className="mx-14 mt-11 flex justify-center basis-[16rem] sm:mx-24">
+ <div className="lg:mx-14 mx-4 md:mx-10 lg:mt-11 flex justify-center basis-[16rem] ">
  <Form />
  </div>
 

diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx
@@ -66,7 +66,7 @@ function Header() {
  return (
  <div className="app-header">
  <div className="flex justify-between md:justify-evenly sticky top-0 z-[999] backdrop-blur-sm items-center py-[1.5rem] px-4 md:px-10 ">
- <div className="hover:scale-105 duration-100 ease-in-out">
+ <div className="hover:scale-105 duration-100 ease-in-out w-1/5">
  <Link to="/">
 
  <img width={70} src="\assets\icon.webp" alt="Logo" />
@@ -113,7 +113,7 @@ function Header() {
  ) : (
  <i
  id="hamburger"
- className="ri-menu-line w-[30px] h-[30px] text-[#DC2626]"
+ className="ri-menu-line w-[30px] h-[30px] text-[#DC2626] text-3xl"
  onClick={() => {
  toggleBodyScroll();
  setIsNavBarOpen(!isNavBarOpen);

diff --git a/src/components/Header/MenuOverlay.jsx b/src/components/Header/MenuOverlay.jsx
@@ -11,7 +11,7 @@ const MenuOverlay = ({ links, setIsNavBarOpen, theme:[theme, handleThemeChange],
 
  return (
  // ul element to contain the menu links
- <ul className="absolute md:hidden w-screen items-center text-center z-20 app-header h-[calc(100vh-7.375rem)] flex flex-col justify-evenly">
+ <ul className="absolute md:hidden w-screen items-center text-center z-20 app-header h-[calc(100vh-7.375rem)] flex flex-col justify-evenly" dataLenisPrevent="true">
  {/* Mapping over the links array to create each link item */}
  {links.map((link, index) => (
  <li key={index}>