From 2419ef579ca1dd2a6c9ef4aa97c9a03680d69325 Mon Sep 17 00:00:00 2001 From: vcosmin2701 Date: Tue, 9 Jul 2024 18:58:31 +0300 Subject: [PATCH 1/3] Logo added to the Desktop header --- public/flitnext-logo.png | Bin 0 -> 7008 bytes src/components/desktopHeader.jsx | 37 ++++++++++++++++++------ src/components/mobileHeader/overlay.jsx | 15 ++++++---- 3 files changed, 38 insertions(+), 14 deletions(-) create mode 100644 public/flitnext-logo.png diff --git a/public/flitnext-logo.png b/public/flitnext-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..92393829a3c8ceeb3ea607dcffdd9f5bc67bcc99 GIT binary patch literal 7008 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
- -
\ No newline at end of file +export const DesktopHeader = () => ( +
+ +
+); diff --git a/src/components/mobileHeader/overlay.jsx b/src/components/mobileHeader/overlay.jsx index ec33571..6e3ff2b 100644 --- a/src/components/mobileHeader/overlay.jsx +++ b/src/components/mobileHeader/overlay.jsx @@ -1,8 +1,13 @@ -import { BurgerSvg, XIconSvg } from "./xIconSvg"; +import { BurgerSvg, XIconSvg } from './xIconSvg'; -export const Overlay = ({ setIsOpen, isOpen }) => -
+export const Overlay = ({ setIsOpen, isOpen }) => ( +
-
\ No newline at end of file +
+); From 9dc20404906fa78309660658d850ea8936de5156 Mon Sep 17 00:00:00 2001 From: vcosmin2701 Date: Tue, 9 Jul 2024 19:05:17 +0300 Subject: [PATCH 2/3] Logo added to the Mobile header --- src/components/mobileHeader/header.jsx | 35 ++++++++++++++++++-------- 1 file changed, 25 insertions(+), 10 deletions(-) diff --git a/src/components/mobileHeader/header.jsx b/src/components/mobileHeader/header.jsx index 735a89f..c11d861 100644 --- a/src/components/mobileHeader/header.jsx +++ b/src/components/mobileHeader/header.jsx @@ -1,14 +1,29 @@ -'use client' +'use client'; -import { useState } from "react" -import { Overlay } from "./overlay"; -import { BurgerSvg } from "./burgerSvg"; +import { useState } from 'react'; +import { Overlay } from './overlay'; +import { BurgerSvg } from './burgerSvg'; +import Image from 'next/image'; export const MobileHeader = () => { - const [isOpen, setIsOpen] = useState(false); + const [isOpen, setIsOpen] = useState(false); - return
- - -
-} \ No newline at end of file + return ( + <> +
+ +
+ FlitNext Logo +
+ +
+ + ); +}; From 0850e1a6f22510481dd78ac4eadd35287e614224 Mon Sep 17 00:00:00 2001 From: vcosmin2701 Date: Tue, 9 Jul 2024 19:17:17 +0300 Subject: [PATCH 3/3] Overlay animation on open up --- src/components/mobileHeader/header.jsx | 2 +- src/components/mobileHeader/overlay.jsx | 11 +++++++---- 2 files changed, 8 insertions(+), 5 deletions(-) diff --git a/src/components/mobileHeader/header.jsx b/src/components/mobileHeader/header.jsx index c11d861..b39d02c 100644 --- a/src/components/mobileHeader/header.jsx +++ b/src/components/mobileHeader/header.jsx @@ -14,7 +14,7 @@ export const MobileHeader = () => { -
+
FlitNext Logo (
-