fixed search icon

Mehtarishita · Oct 18, 2024 · f0901c4 · f0901c4
1 parent c02f1be
commit f0901c4
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 21 deletions.
diff --git a/frontend/index.html b/frontend/index.html
@@ -51,7 +51,8 @@
     #google_translate_element {
     position: absolute;
     /* top: 20px; Space from the top */
-    right: 20px; /* Space from the right */
+    left: 20px; /* Space from the right */
+    top: 60px;
     background-color: #3b82f6;
     padding: 10px 15px; /* Padding for better spacing inside the button */
     border-radius: 8px; /* Rounded corners */

diff --git a/frontend/src/Pages/Herosection.jsx b/frontend/src/Pages/Herosection.jsx
@@ -52,6 +52,7 @@ const Herosection = () => {
 
             <div className='relative z-50 flex items-center justify-between'>
                 <div><Navbar /></div>
+                <div><HamburgerMenu/></div>
             </div>
             <h1 className='pl-4 text-4xl font-black  text-center text-white '>Namaste !! Yatree </h1>
             <div className="relative flex items-center justify-center bg-center bg-cover herosection">

diff --git a/frontend/src/Pages/hamburger.jsx b/frontend/src/Pages/hamburger.jsx
@@ -215,26 +215,7 @@ const Hamburger = () => {
 
   return (
     <div>
-      <HamburgerContainer onClick={toggleMenu} aria-label="Toggle Menu" role="button">
-        <HamburgerIcon>
-          <Bar1 open={open} />
-          <Bar2 open={open} />
-          <Bar3 open={open} />
-        </HamburgerIcon>
-      </HamburgerContainer>
-
-      {open && <BackButton onClick={handleBack} />}
-
-      <Menu open={open}>
-        <MenuItem href="#back" onClick={handleBack} style={{ fontSize: '30px' }}>
-          ←
-        </MenuItem>
-        <MenuItem className="cursor-pointer " onClick={HomeClick}>Home</MenuItem>
-        <MenuItem className="cursor-pointer " onClick={SettingsClick}>Settings</MenuItem>
-        <MenuItem className="cursor-pointer " onClick={helpClick}>Help</MenuItem>
-        <MenuItem className="cursor-pointer " onClick={aboutClick}>About</MenuItem>
-        <MenuItem className="cursor-pointer " onClick={Contactclick}>Contact</MenuItem>
-      </Menu>
+
 
       <SearchContainer>
         <SearchIcon onClick={toggleSearch} />

diff --git a/frontend/src/components/navbar.jsx b/frontend/src/components/navbar.jsx
@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import { FaBars, FaTimes, FaUser, FaMoneyCheckAlt, FaHandsHelping, FaBell, FaCogs, FaInfoCircle } from 'react-icons/fa';
+import Hamburger from '../Pages/hamburger';
 
 const Navbar = () => {
   const [isOpen, setIsOpen] = useState(false);