From f123e0cfed6c86f183f27b32bf90074678219ebb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Jaenisch?= <andre.jaenisch@posteo.de>
Date: Sun, 7 Jul 2024 15:19:24 +0200
Subject: [PATCH] feat: implement overlay
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

You can now open the modal from the overlay! Yay!

Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
---
 src/lib/components/molecules/MainMenu.svelte | 28 ++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/lib/components/molecules/MainMenu.svelte b/src/lib/components/molecules/MainMenu.svelte
index 95ef450..b7d8273 100644
--- a/src/lib/components/molecules/MainMenu.svelte
+++ b/src/lib/components/molecules/MainMenu.svelte
@@ -22,3 +22,31 @@ You should have received a copy of the GNU Affero General Public License along w
 	<MainMenuDetails />
 	<MainMenuActions />
 </div>
+
+<div class="card p-4 bg-transparent" data-popup="overlayAvatar">
+	<div class="flex flex-col bg-white border-surface-300 border-rounded drop-shadow px-4 py-2">
+		<div class="bg-white flex gap-4">
+			<Person24 fill="currentColor" class="text-white bg-surface-400 rounded-full" />
+			<span class="text-surface-500 -mb-2">Profile</span>
+		</div>
+		<div class="bg-white flex gap-4">
+			<Gear24 fill="currentColor" />
+			<button type="button" class="text-surface-500 -mb-2" on:click={openSettingsOnClick}
+				>Settings</button
+			>
+		</div>
+		<div class="bg-white flex gap-4">
+			<Moon24 fill="currentColor" />
+			<span class="text-surface-500 -mb-2">Dark mode</span>
+			<span>Slider missing</span>
+		</div>
+		<div class="bg-white flex gap-4">
+			<Info24 fill="currentColor" />
+			<span class="text-surface-500 -mb-2">About Anvil</span>
+		</div>
+		<div class="bg-white flex gap-4">
+			<SignOut24 fill="currentColor" />
+			<span class="text-surface-500 -mb-2">Sign out</span>
+		</div>
+	</div>
+</div>