From 7e165a8b31677cf6e08b7aba247ff0a40864588a Mon Sep 17 00:00:00 2001
From: Christel Westerberg <christel.westerberg@scandichotels.com>
Date: Wed, 29 May 2024 15:36:19 +0200
Subject: [PATCH] feat: sync design of header with current web

---
 components/Current/Header/MainMenu/index.tsx         |  2 --
 .../Current/Header/MainMenu/mainMenu.module.css      |  1 +
 components/Current/Header/TopMenu/topMenu.module.css | 12 +++++++++++-
 server/routers/contentstack/config/input.ts          |  9 +++++++++
 4 files changed, 21 insertions(+), 3 deletions(-)
 create mode 100644 server/routers/contentstack/config/input.ts

diff --git a/components/Current/Header/MainMenu/index.tsx b/components/Current/Header/MainMenu/index.tsx
index 67d7d17bb..c5a946a29 100644
--- a/components/Current/Header/MainMenu/index.tsx
+++ b/components/Current/Header/MainMenu/index.tsx
@@ -1,8 +1,6 @@
 "use client"
-import { useParams } from "next/navigation"
 import { useState } from "react"
 
-import { Lang } from "@/constants/languages"
 import { login } from "@/constants/routes/handleAuth"
 import { myPages } from "@/constants/routes/myPages"
 import { _ } from "@/lib/translation"
diff --git a/components/Current/Header/MainMenu/mainMenu.module.css b/components/Current/Header/MainMenu/mainMenu.module.css
index 5d9647f4b..e159b06a5 100644
--- a/components/Current/Header/MainMenu/mainMenu.module.css
+++ b/components/Current/Header/MainMenu/mainMenu.module.css
@@ -329,6 +329,7 @@
   }
   .navBar {
     grid-template-columns: 140px auto 1fr;
+    height: 82.4px;
   }
 
   .logoLink {
diff --git a/components/Current/Header/TopMenu/topMenu.module.css b/components/Current/Header/TopMenu/topMenu.module.css
index b3cbc756c..1080cbfdc 100644
--- a/components/Current/Header/TopMenu/topMenu.module.css
+++ b/components/Current/Header/TopMenu/topMenu.module.css
@@ -67,7 +67,17 @@
   .link {
     padding-top: 4px;
     padding-bottom: 4px;
-    font-weight: 300;
+  }
+
+  .loginContainer {
+    margin-left: 10px;
+    background-color: #f3f2f1;
+  }
+
+  .loginLink {
+    padding-left: 30px;
+    padding-right: 30px;
+    color: #000;
   }
 
   .loginContainer {
diff --git a/server/routers/contentstack/config/input.ts b/server/routers/contentstack/config/input.ts
new file mode 100644
index 000000000..c1223b25b
--- /dev/null
+++ b/server/routers/contentstack/config/input.ts
@@ -0,0 +1,9 @@
+import z from "zod"
+
+import { Lang } from "@/constants/languages"
+
+export const headerInput = z
+  .object({
+    lang: z.nativeEnum(Lang),
+  })
+  .optional()