From da1fd74f9387149b2b94d62853587a8afdb74ddd Mon Sep 17 00:00:00 2001
From: Wolfboy248 <georgejvindkarlsen@gmail.com>
Date: Thu, 21 Aug 2025 10:33:27 +0200
Subject: Reorganised Maplist and Sidebar

---
 frontend/src/components/Sidebar/Header.tsx | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 frontend/src/components/Sidebar/Header.tsx

(limited to 'frontend/src/components/Sidebar/Header.tsx')

diff --git a/frontend/src/components/Sidebar/Header.tsx b/frontend/src/components/Sidebar/Header.tsx
new file mode 100644
index 0000000..e990060
--- /dev/null
+++ b/frontend/src/components/Sidebar/Header.tsx
@@ -0,0 +1,26 @@
+import React from "react";
+import { Link } from "react-router-dom";
+
+import {
+    LogoIcon,
+} from "../../images/Images";
+
+const Header: React.FC = () => {
+    return (
+        <div className="flex justify-center px-4 py-3 bg-gradient-to-t from-block to-bright">
+            <Link to="/" tabIndex={-1} className="flex gap-4">
+                <img src={LogoIcon} alt="Logo" className="h-18 translate-y-0.5" />
+                <div className="text-[#fff] flex flex-col justify-center not-md:hidden">
+                    <div className="font-barlow-condensed-bold text-5xl truncate leading-10">
+                        PORTAL 2
+                    </div>
+                    <div className="font-barlow-condensed-regular text-3xl leading-7">
+                        Least Portals Hub
+                    </div>
+                </div>
+            </Link>
+        </div>
+    )
+}
+
+export default Header;
-- 
cgit v1.2.3

