forge/Anvil
1
0
Fork 0
Code Pull requests Activity

feat: extract MainMenuSummary into component

Browse source 
This is the top part of the main menu which includes the Avatar overlay.
I'm not quite sure how to label each part.

Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
This commit is contained in:
André Jaenisch 2024-07-09 12:18:08 +02:00
parent a3a1f778c7
commit 338896d119
No known key found for this signature in database
GPG key ID: 5A668E771F1ED854
1 changed files with 0 additions and 28 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,31 +22,3 @@ 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>