Vf 158 dropdown navbar for mobile (#330)

* filter navrouts with no name (mainpage) * redesign vektorlogo header * started on navbar for mobile * created navigation button for mobile + navigation dropdown for mobile * vf-158 add profile icon to mobile view and change icon design * vf-158 add drawer with navigation * vf-158 remove utlegg from header and some styling * vf-158 fix missing container style --------- Co-authored-by: phibkro <[email protected]>
vektorprogrammet · Oct 11, 2024 · edf5c40 · edf5c40
1 parent b2e8584
commit edf5c40
Show file tree

Hide file tree

Showing 15 changed files with 19,260 additions and 845 deletions.
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
@@ -0,0 +1,12 @@
+### Describe your changes 📖
+<text here>
+
+### Jira ticket: 🔖
+VF-XXX
+
+### Checklist before requesting a review ✔️
+- [ ] I have performed a self-review of my code
+- [ ] I have verified that the code works as intended
+- [ ] Pipeline runs successfully
+- [ ] Sonarcloud scan passes
+- [ ] Unit tests passes
diff --git a/index.html b/index.html
@@ -3,8 +3,8 @@
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#6FCEEE">
+    <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#E2F4FA">
 
     <meta property="og:type" content="website">
     <meta property="og:url" content="http://vektorprogrammet.no/">

diff --git a/package.json b/package.json
@@ -6,7 +6,6 @@
   "engines": {
     "node": ">=20.12.2"
   },
-  "packageManager": "[email protected]",
   "scripts": {
     "start": "vite",
     "build": "tsc && vite build",
@@ -35,12 +34,18 @@
     "@fortawesome/free-brands-svg-icons": "^6.5.2",
     "@fortawesome/free-solid-svg-icons": "^6.5.2",
     "@fortawesome/react-fontawesome": "^0.2.0",
+    "@radix-ui/react-accordion": "^1.2.1",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-separator": "^1.1.0",
     "@types/node": "^20.12.2",
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",
     "autoprefixer": "^10.4.19",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
     "daisyui": "^4.0.0",
     "dayjs": "^1.11.10",
+    "lucide-react": "^0.451.0",
     "node": "^20.12.2",
     "norwegian-utils": "^0.4.1",
     "postcss": "^8.4.38",
@@ -56,8 +61,11 @@
     "react-router-dom": "^6.23.0",
     "react-tailwindcss-datepicker": "^1.6.6",
     "react-visibility-sensor": "^5.1.1",
+    "tailwind-merge": "^2.5.3",
     "tailwindcss": "^3.4.3",
+    "tailwindcss-animate": "^1.0.7",
     "typescript": "^5.4.5",
+    "vaul": "^1.0.0",
     "vite": "^5.2.10",
     "web-vitals": "^3.0.0"
   },
@@ -71,4 +79,4 @@
     "cypress": "12.8.1",
     "vitest": "^2.0.0"
   }
-}
+}