Uniform icon classes inside buttons

This commit is contained in:
Claudio Ortolina
2025-08-20 20:03:03 +03:00
parent 715ad6be49
commit 03aa6833df
5 changed files with 11 additions and 11 deletions
@@ -79,7 +79,7 @@
<.play_count play_count={lastfm_artist_info.play_count} /> <.play_count play_count={lastfm_artist_info.play_count} />
</.async_result> </.async_result>
<.button variant="solid" patch={~p"/artists/#{@artist.musicbrainz_id}/import"}> <.button variant="solid" patch={~p"/artists/#{@artist.musicbrainz_id}/import"}>
<.icon name="hero-plus" class="h-4 w-4 mr-2" aria-hidden="true" data-slot="icon" /> <.icon name="hero-plus" class="icon" aria-hidden="true" data-slot="icon" />
{gettext("Add more")} {gettext("Add more")}
</.button> </.button>
</div> </div>
@@ -8,7 +8,7 @@
size="sm" size="sm"
patch={~p"/collection/import"} patch={~p"/collection/import"}
> >
<.icon name="hero-plus" class="h-4 w-4 mr-2" aria-hidden="true" data-slot="icon" /> <.icon name="hero-plus" class="icon" aria-hidden="true" data-slot="icon" />
{gettext("Add")} {gettext("Add")}
</.button> </.button>
<.button <.button
@@ -16,7 +16,7 @@
size="sm" size="sm"
patch={~p"/collection/scan"} patch={~p"/collection/scan"}
> >
<.barcode_icon class="mr-2 fill-current" /> <.barcode_icon class="icon fill-current" />
{gettext("Scan")} {gettext("Scan")}
</.button> </.button>
</.button_group> </.button_group>
@@ -34,7 +34,7 @@
> >
<.icon <.icon
name="hero-banknotes-solid" name="hero-banknotes-solid"
class="mr-1 h-4 w-4" class="icon"
aria-hidden="true" aria-hidden="true"
data-slot="icon" data-slot="icon"
/> />
@@ -47,7 +47,7 @@
@record_list_params.order == :alphabetical && "!bg-zinc-100 dark:!bg-zinc-700" @record_list_params.order == :alphabetical && "!bg-zinc-100 dark:!bg-zinc-700"
]} ]}
> >
<.icon name="hero-user-solid" class="mr-1 h-4 w-4" aria-hidden="true" data-slot="icon" /> <.icon name="hero-user-solid" class="icon" aria-hidden="true" data-slot="icon" />
{gettext("A->Z")} {gettext("A->Z")}
</.button> </.button>
</.button_group> </.button_group>
@@ -7,7 +7,7 @@
</div> </div>
<div> <div>
<.button variant="solid" size="sm" patch={~p"/online-store-templates/new"}> <.button variant="solid" size="sm" patch={~p"/online-store-templates/new"}>
<.icon name="hero-plus" class="h-4 w-4 mr-2" aria-hidden="true" data-slot="icon" /> <.icon name="hero-plus" class="icon" aria-hidden="true" data-slot="icon" />
{gettext("New Template")} {gettext("New Template")}
</.button> </.button>
</div> </div>
@@ -12,7 +12,7 @@
size="sm" size="sm"
patch={~p"/scrobble-rules/new"} patch={~p"/scrobble-rules/new"}
> >
<.icon name="hero-plus" class="h-4 w-4 mr-2" aria-hidden="true" data-slot="icon" /> <.icon name="hero-plus" class="icon" aria-hidden="true" data-slot="icon" />
{gettext("New Rule")} {gettext("New Rule")}
</.button> </.button>
<.button <.button
@@ -20,7 +20,7 @@
size="sm" size="sm"
phx-click="apply_all_rules" phx-click="apply_all_rules"
> >
<.icon name="hero-play" class="h-4 w-4 mr-2" /> <.icon name="hero-play" class="icon" />
{gettext("Apply All")} {gettext("Apply All")}
</.button> </.button>
</.button_group> </.button_group>
@@ -7,7 +7,7 @@
size="sm" size="sm"
patch={~p"/wishlist/import"} patch={~p"/wishlist/import"}
> >
<.icon name="hero-plus" class="h-4 w-4 mr-2" aria-hidden="true" data-slot="icon" /> <.icon name="hero-plus" class="icon" aria-hidden="true" data-slot="icon" />
{gettext("Add")} {gettext("Add")}
</.button> </.button>
</div> </div>
@@ -23,7 +23,7 @@
@record_list_params.order == :insertion && "!bg-zinc-100 dark:!bg-zinc-700" @record_list_params.order == :insertion && "!bg-zinc-100 dark:!bg-zinc-700"
]} ]}
> >
<.icon name="hero-star" class="mr-1 h-4 w-4" aria-hidden="true" data-slot="icon" /> <.icon name="hero-star" class="icon" aria-hidden="true" data-slot="icon" />
{gettext("Insertion")} {gettext("Insertion")}
</.button> </.button>
<.button <.button
@@ -34,7 +34,7 @@
@record_list_params.order == :alphabetical && "!bg-zinc-100 dark:!bg-zinc-700" @record_list_params.order == :alphabetical && "!bg-zinc-100 dark:!bg-zinc-700"
]} ]}
> >
<.icon name="hero-user-solid" class="mr-1 h-4 w-4" aria-hidden="true" data-slot="icon" /> <.icon name="hero-user-solid" class="icon" aria-hidden="true" data-slot="icon" />
{gettext("A->Z")} {gettext("A->Z")}
</.button> </.button>
</.button_group> </.button_group>