cloud/music_library
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve styling of the "more" dropdown

Browse Source
This commit is contained in:
Claudio Ortolina
2025-05-14 10:03:13 +01:00
parent ddca7be870
commit 029bcf5bca
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/components/layouts/app.html.heex
+9 -1
View File
@@ -40,7 +40,15 @@
</div> </div>
</div> </div>
<div class="flex space-x-2 md:space-x-4 items-center"> <div class="flex space-x-2 md:space-x-4 items-center">
<.dropdown label={gettext("More")}> <.dropdown placement="bottom-end">
<:toggle>
<button class="flex items-center gap-x-2">
<div class="text-sm text-zinc-500 hover:text-zinc-700 font-semibold dark:text-zinc-300 dark:hover:text-zinc-200">
{gettext("More")}
</div>
<.icon name="hero-chevron-down" class="h-4 w-4" />
</button>
</:toggle>
<.dropdown_link href={~p"/dev/dashboard"}> <.dropdown_link href={~p"/dev/dashboard"}>
<.icon name="hero-chart-bar" class="h-4 w-4 mr-2" aria-hidden="true" data-slot="icon" /> <.icon name="hero-chart-bar" class="h-4 w-4 mr-2" aria-hidden="true" data-slot="icon" />
{gettext("Live Dashboard")} {gettext("Live Dashboard")}