fix/header

parent 52aa1c92
...@@ -57,10 +57,9 @@ function Header() { ...@@ -57,10 +57,9 @@ function Header() {
</div> </div>
<div className="sticky top-0 z-50 bg-[#ededed] shadow-md"> <div className="sticky top-0 z-50 bg-[#ededed] shadow-md">
<div className="w-full flex justify-center"> <div className="w-full flex justify-between">
<div className="max-w-[1200px] w-full px-4 flex items-center justify-between h-20">
{/* Logo */} {/* Logo */}
<a href="#" className="flex items-center"> <a href="/" className="flex items-center">
<Image <Image
className="w-[140px] object-contain lg:ml-0 ml-10" className="w-[140px] object-contain lg:ml-0 ml-10"
src={logo} src={logo}
...@@ -69,7 +68,7 @@ function Header() { ...@@ -69,7 +68,7 @@ function Header() {
</a> </a>
{/* Desktop Menu */} {/* Desktop Menu */}
<nav className="hidden lg:flex items-center flex-1 ml-8"> <nav className="hidden lg:flex items-center">
{/* Dùng component MenuItem để gọn */} {/* Dùng component MenuItem để gọn */}
<MenuItem <MenuItem
title="Giới thiệu" title="Giới thiệu"
...@@ -175,7 +174,6 @@ function Header() { ...@@ -175,7 +174,6 @@ function Header() {
{toggleMenu ? <X size={20} /> : <Menu size={20} />} {toggleMenu ? <X size={20} /> : <Menu size={20} />}
</button> </button>
</div> </div>
</div>
{/* Mobile Menu */} {/* Mobile Menu */}
<div <div
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment