From e4a52d2cba45dd9fc5c59737c17abeb17be7b48f Mon Sep 17 00:00:00 2001 From: Lukas Thrane <76877975+Windove@users.noreply.github.com> Date: Mon, 29 Jan 2024 15:43:01 +0100 Subject: [PATCH] 36 style and fill in headernavbar (#59) * feat(frontend): :sparkles: Change navbar styling Changed the navbar styling a bit and made the dark/light mode more intuitive * feat(frontend): :sparkles: Change nav styling Changed the navbar styling and added some icons --- .../1.0.0/full_documentation.json | 2 +- frontend/next.config.mjs | 7 +- frontend/src/app/(about)/positions/page.tsx | 7 -- frontend/src/app/layout.tsx | 1 + frontend/src/components/Navbar.tsx | 110 +++++++++++------- 5 files changed, 73 insertions(+), 54 deletions(-) delete mode 100644 frontend/src/app/(about)/positions/page.tsx diff --git a/backend/src/extensions/documentation/documentation/1.0.0/full_documentation.json b/backend/src/extensions/documentation/documentation/1.0.0/full_documentation.json index c379f22..94c1cd9 100644 --- a/backend/src/extensions/documentation/documentation/1.0.0/full_documentation.json +++ b/backend/src/extensions/documentation/documentation/1.0.0/full_documentation.json @@ -14,7 +14,7 @@ "name": "Apache 2.0", "url": "https://www.apache.org/licenses/LICENSE-2.0.html" }, - "x-generation-date": "2024-01-27T19:38:43.233Z" + "x-generation-date": "2024-01-29T13:13:34.705Z" }, "x-strapi-config": { "path": "/documentation", diff --git a/frontend/next.config.mjs b/frontend/next.config.mjs index 51f909c..43d1187 100644 --- a/frontend/next.config.mjs +++ b/frontend/next.config.mjs @@ -1,7 +1,12 @@ /** @type {import('next').NextConfig} */ const nextConfig = { images: { - domains: ["www.ntnu.edu", "localhost"], // Add your domain(s) here + remotePatterns: [ + { + protocol: "https", + hostname: "**", + }, + ], }, }; diff --git a/frontend/src/app/(about)/positions/page.tsx b/frontend/src/app/(about)/positions/page.tsx deleted file mode 100644 index ec98305..0000000 --- a/frontend/src/app/(about)/positions/page.tsx +++ /dev/null @@ -1,7 +0,0 @@ -export default function PositionsPage() { - return ( -
-

Positions

-
- ); -} diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx index 5b1d8c1..dd2929d 100644 --- a/frontend/src/app/layout.tsx +++ b/frontend/src/app/layout.tsx @@ -28,6 +28,7 @@ export default function RootLayout({ attribute="class" defaultTheme="system" enableSystem + disableTransitionOnChange >
{children}
diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx index ec6f0af..18fbeee 100644 --- a/frontend/src/components/Navbar.tsx +++ b/frontend/src/components/Navbar.tsx @@ -30,65 +30,85 @@ export default function Navbar() { return pathname === path ? "secondary" : "ghost"; }; - const { setTheme } = useTheme(); + const { theme, setTheme } = useTheme(); + const isLightTheme = theme === "light"; + + const toggleTheme = () => { + setTheme(isLightTheme ? "dark" : "light"); + }; return ( );