diff --git a/src/assets/views/components/NavMenu.svelte b/src/assets/views/components/NavMenu.svelte
index badaf49..320e169 100644
--- a/src/assets/views/components/NavMenu.svelte
+++ b/src/assets/views/components/NavMenu.svelte
@@ -67,16 +67,19 @@
}
ul {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ align-items: stretch;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
list-style: none;
- align-items: center;
@include large-ge {
- display: flex;
flex-direction: row;
+ align-items: center;
}
}
}
diff --git a/src/assets/views/components/NavMenuDropdown.svelte b/src/assets/views/components/NavMenuDropdown.svelte
new file mode 100644
index 0000000..36eba32
--- /dev/null
+++ b/src/assets/views/components/NavMenuDropdown.svelte
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+
+
diff --git a/src/assets/views/components/NavMenuItem.svelte b/src/assets/views/components/NavMenuItem.svelte
index 6e40479..546202b 100644
--- a/src/assets/views/components/NavMenuItem.svelte
+++ b/src/assets/views/components/NavMenuItem.svelte
@@ -6,28 +6,35 @@
export let icon;
export let text;
export let action = false;
+ export let hovered = false;
+
+ function onMouseEnter() {
+ hovered = true;
+ }
+
+ function onMouseLeave() {
+ hovered = false;
+ }
-
+
{#if action}
diff --git a/src/assets/views/templates/base/BaseNavMenuAuth.svelte b/src/assets/views/templates/base/BaseNavMenuAuth.svelte
index 03b4544..0a384be 100644
--- a/src/assets/views/templates/base/BaseNavMenuAuth.svelte
+++ b/src/assets/views/templates/base/BaseNavMenuAuth.svelte
@@ -2,8 +2,11 @@
import {locals} from "../../../ts/stores.js";
import NavMenuItem from "../../components/NavMenuItem.svelte";
import {hasRoute, route} from "../../../../common/Routing";
+ import NavMenuDropdown from "../../components/NavMenuDropdown.svelte";
+ import BaseNavMenuAuthAccountDropdownAdditionalLinks from "./BaseNavMenuAuthAccountDropdownAdditionalLinks.svelte";
export let noLoginLink = false;
+ let accountItemHovered;
{#if hasRoute('auth')}
@@ -12,8 +15,12 @@
{/if}
-
-
+
+
+
+
+
+
{:else if !noLoginLink}
{/if}
diff --git a/src/assets/views/templates/base/BaseNavMenuAuthAccountDropdownAdditionalLinks.svelte b/src/assets/views/templates/base/BaseNavMenuAuthAccountDropdownAdditionalLinks.svelte
new file mode 100644
index 0000000..e69de29