mukeshs/cmc_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Further update

Browse Source
This commit is contained in:
mukeshs
2025-10-13 00:21:49 +05:30
parent 84c674cefd
commit 5aa8d36e4c
31 changed files with 137 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
src/components/Layouts/Header.tsx
View File

@ -13,12 +13,12 @@ const Header = () => {
return (
<header className="sticky bg-white top-0 z-50 shadow-sm">
<div className="container max-w-7xl mx-auto px-4 sm:px-6">
<div className="container max-w-none mx-auto px-4 sm:px-6">
<div className="flex justify-between items-center py-3 sm:py-4">
{/* Logo */}
{/* Left Logo */}
<div className="flex-shrink-0">
<Link href="/" onClick={closeAllMenus} className="flex items-center">
<div className="relative w-80 h-18 mr-3 rounded overflow-hidden">
<div className="relative w-60 sm:w-80 h-14 sm:h-18 mr-3 rounded overflow-hidden">
<Image
src="/images/logo.png"
alt="CMC Logo"
@ -52,34 +52,53 @@ const Header = () => {
))}
</nav>
{/* Mobile menu button */}
<button
className="lg:hidden p-2 text-blue-900 hover:text-red-600 transition-colors"
onClick={() => setIsMenuOpen(!isMenuOpen)}
>
<svg
className="w-6 h-6"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
{/* Right side - Logo with Batch ID and Mobile Menu Button */}
<div className="flex items-center gap-4">
{/* Right Logo with Batch ID */}
<div className="flex flex-col items-center">
<div className="relative w-16 h-16 sm:w-20 sm:h-20 rounded overflow-hidden">
<Image
src="/images/rightlogo.png"
alt="Batch Logo"
fill
className="object-contain"
priority
/>
</div>
<span className="text-xs sm:text-sm font-semibold text-blue-900 mt-1">
H - 2 0 2 4 - 1 4 3 1
</span>
</div>
{/* Mobile menu button */}
<button
className="lg:hidden p-2 text-blue-900 hover:text-red-600 transition-colors"
onClick={() => setIsMenuOpen(!isMenuOpen)}
>
{isMenuOpen ? (
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M6 18L18 6M6 6l12 12"
/>
) : (
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M4 6h16M4 12h16M4 18h16"
/>
)}
</svg>
</button>
<svg
className="w-6 h-6"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
{isMenuOpen ? (
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M6 18L18 6M6 6l12 12"
/>
) : (
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M4 6h16M4 12h16M4 18h16"
/>
)}
</svg>
</button>
</div>
</div>
</div>
@ -113,4 +132,4 @@ const Header = () => {
);
};
export default Header;
export default Header;