forge/Anvil
1
0
Fork 0
Code Pull requests Activity

feat: implement overlay

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

Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
This commit is contained in:
André Jaenisch 2024-07-07 15:19:24 +02:00
parent d4857cbd7d
commit f123e0cfed
No known key found for this signature in database
GPG key ID: 5A668E771F1ED854
1 changed files with 28 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/lib/components/molecules/MainMenu.svelte
View file

@ -22,3 +22,31 @@ You should have received a copy of the GNU Affero General Public License along w
<MainMenuDetails /> <MainMenuDetails />
<MainMenuActions /> <MainMenuActions />
</div> </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>