From 931469650e254b6d14c0f294bbff06f0bbbd4f51 Mon Sep 17 00:00:00 2001
From: Tojo <fabricetojo29@gmail.com>
Date: Mon, 7 Nov 2022 13:30:28 +0300
Subject: [PATCH] add menu mobile
---
src/components/core/Header.tsx | 34 +++++++++++++++++++++++++++++++---
1 file changed, 31 insertions(+), 3 deletions(-)
diff --git a/src/components/core/Header.tsx b/src/components/core/Header.tsx
index d43628f..3474f2e 100644
--- a/src/components/core/Header.tsx
+++ b/src/components/core/Header.tsx
@@ -2,14 +2,42 @@ import React from "react";
import Logo from "./Logo";
import Menu from "./Menu";
import logoSig from "../../images/logo-egeo.png";
+import MenuMobile from "./menuMobile";
const Header = () => {
return (
<>
<div className="navbar bg-base-100 sticky top-0">
- {/* ---------------Menu------------------ */}
-
- {/* ---------------END Menu------------------ */}
+ <div className="navbar-start">
+ <div className="dropdown">
+ <label tabIndex={0} className="btn btn-ghost lg:hidden">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ className="h-5 w-5"
+ fill="none"
+ viewBox="0 0 24 24"
+ stroke="currentColor"
+ >
+ <path
+ strokeLinecap="round"
+ strokeLinejoin="round"
+ strokeWidth="2"
+ d="M4 6h16M4 12h8m-8 6h16"
+ />
+ </svg>
+ </label>
+ <MenuMobile />
+ </div>
+ {/*----------------- LOGO --------------------------*/}
+ <div className="flex-shrink-0 flex items-center">
+ <Logo image={logoSig} />
+ </div>
+ {/*-----------------END LOGO --------------------------*/}
+ </div>
+ {/* ---------------MENU------------------ */}
+ <div className="navbar-center hidden lg:flex">
+ <Menu />
+ </div>
<div className="navbar-end">
<div className="form-control hidden sm:block">
<input
--
GitLab