From c9172e3a5f570a504883253beee116c418a84639 Mon Sep 17 00:00:00 2001 From: Eduard Gert Date: Sat, 9 Mar 2024 18:07:26 +0100 Subject: [PATCH] Show full netbird logo on desktop and netbird logomark on mobile (#348) --- src/assets/netbird-full.svg | 19 +++++++++++++++++++ src/layouts/Header.tsx | 18 +++++++++++++++++- 2 files changed, 36 insertions(+), 1 deletion(-) create mode 100644 src/assets/netbird-full.svg diff --git a/src/assets/netbird-full.svg b/src/assets/netbird-full.svg new file mode 100644 index 0000000..f925d57 --- /dev/null +++ b/src/assets/netbird-full.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/layouts/Header.tsx b/src/layouts/Header.tsx index 0a3f3fa..0842849 100644 --- a/src/layouts/Header.tsx +++ b/src/layouts/Header.tsx @@ -9,12 +9,28 @@ import Image from "next/image"; import { useRouter } from "next/navigation"; import { useMemo } from "react"; import NetBirdLogo from "@/assets/netbird.svg"; +import NetBirdLogoFull from "@/assets/netbird-full.svg"; import { useApplicationContext } from "@/contexts/ApplicationProvider"; export default function NavbarWithDropdown() { const router = useRouter(); const Logo = useMemo(() => { - return {"NetBird; + return ( + <> + {"NetBird + {"NetBird + + ); }, []); const { toggleMobileNav } = useApplicationContext();