|
|
@@ -23,11 +23,9 @@ const ResponsiveNavbar = () => {
|
|
|
{/* 로고 */}
|
|
|
<div className="flex items-center">
|
|
|
<img src={logo} alt="logo" className="h-8 mr-2" />
|
|
|
- <span className="text-lg font-semibold text-gray-800">Ubiquitous Cell Networks</span>
|
|
|
</div>
|
|
|
|
|
|
- {/* 데스크톱 메뉴 (768px 이상에서 표시) */}
|
|
|
- <div className="hidden md:flex space-x-6">
|
|
|
+ <div className="md:flex space-x-6">
|
|
|
{menuItems.map((item, index) => (
|
|
|
<a
|
|
|
key={index}
|
|
|
@@ -40,32 +38,28 @@ const ResponsiveNavbar = () => {
|
|
|
</div>
|
|
|
|
|
|
{/* 모바일 햄버거 버튼 (768px 이하에서 표시) */}
|
|
|
- <div className="md:hidden">
|
|
|
- <button onClick={toggleMenu} className="text-gray-600 focus:outline-none">
|
|
|
- <svg
|
|
|
- className="h-6 w-6"
|
|
|
- fill="none"
|
|
|
- stroke="currentColor"
|
|
|
- viewBox="0 0 24 24"
|
|
|
- xmlns="http://www.w3.org/2000/svg"
|
|
|
- >
|
|
|
- <path
|
|
|
- strokeLinecap="round"
|
|
|
- strokeLinejoin="round"
|
|
|
- strokeWidth="2"
|
|
|
- d="M4 6h16M4 12h16m-7 6h7"
|
|
|
- />
|
|
|
- </svg>
|
|
|
- </button>
|
|
|
- </div>
|
|
|
+ {/*<div className="md:hidden">*/}
|
|
|
+ {/* <button onClick={toggleMenu} className="text-gray-600 focus:outline-none">*/}
|
|
|
+ {/* <svg*/}
|
|
|
+ {/* className="h-6 w-6"*/}
|
|
|
+ {/* fill="none"*/}
|
|
|
+ {/* stroke="currentColor"*/}
|
|
|
+ {/* viewBox="0 0 24 24"*/}
|
|
|
+ {/* xmlns="http://www.w3.org/2000/svg"*/}
|
|
|
+ {/* >*/}
|
|
|
+ {/* <path*/}
|
|
|
+ {/* strokeLinecap="round"*/}
|
|
|
+ {/* strokeLinejoin="round"*/}
|
|
|
+ {/* strokeWidth="2"*/}
|
|
|
+ {/* d="M4 6h16M4 12h16m-7 6h7"*/}
|
|
|
+ {/* />*/}
|
|
|
+ {/* </svg>*/}
|
|
|
+ {/* </button>*/}
|
|
|
+ {/*</div>*/}
|
|
|
</nav>
|
|
|
|
|
|
{/* 모바일 드롭다운 메뉴 (768px 이하에서 표시) */}
|
|
|
- <div
|
|
|
- className={`md:hidden bg-gray-100 shadow-md ${
|
|
|
- isMenuOpen ? 'block' : 'hidden'
|
|
|
- }`}
|
|
|
- >
|
|
|
+ <div className={`md:hidden bg-gray-100 shadow-md ${isMenuOpen ? 'block' : 'hidden'}`}>
|
|
|
<div className="flex flex-col space-y-4 py-4 px-6">
|
|
|
{menuItems.map((item, index) => (
|
|
|
<a
|