Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-14 00:32:43 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix: styling updates

Browse Source
This commit is contained in:
Mythie
2023-08-21 19:56:18 +10:00
parent 2f2d5dfc0b
commit 6d360e581d
5 changed files with 98 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
apps/marketing/src/components/(marketing)/header.tsx
View File

@ -13,23 +13,19 @@ import { MobileNavigation } from './mobile-navigation';
export type HeaderProps = HTMLAttributes<HTMLElement>;
export const Header = ({ className, ...props }: HeaderProps) => {
const [isMobileOpen, setIsMobileOpen] = useState<boolean>(false);
const handleMenuToggle = () => {
setIsMobileOpen(!isMobileOpen);
};
const [isHamburgerMenuOpen, setIsHamburgerMenuOpen] = useState(false);
return (
<header className={cn('flex items-center justify-between', className)} {...props}>
<Link href="/" className="z-10" onClick={() => isMobileOpen && handleMenuToggle()}>
<Image src="/logo.png" alt="Documenso Logo" width={170} height={0}></Image>
<Link href="/" className="z-10" onClick={() => setIsHamburgerMenuOpen(false)}>
<Image src="/logo.png" alt="Documenso Logo" width={170} height={25} />
</Link>
<div className="hidden items-center gap-x-6 md:flex">
<Link href="/pricing" className="text-sm font-semibold text-[#8D8D8D] hover:text-[#6D6D6D]">
Pricing
</Link>
<Link href="/blog" className="text-sm font-semibold text-[#8D8D8D] hover:text-[#6D6D6D]">
Blog
</Link>
@ -47,8 +43,14 @@ export const Header = ({ className, ...props }: HeaderProps) => {
</Link>
</div>
<HamburgerMenu menuToggle={handleMenuToggle} isMenuOpen={isMobileOpen} />
<MobileNavigation isMenuOpen={isMobileOpen} menuToggle={handleMenuToggle} />
<HamburgerMenu
onToggleMenuOpen={() => setIsHamburgerMenuOpen((v) => !v)}
isMenuOpen={isHamburgerMenuOpen}
/>
<MobileNavigation
isMenuOpen={isHamburgerMenuOpen}
onMenuOpenChange={setIsHamburgerMenuOpen}
/>
</header>
);
};