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

Hide grid/list button labels on mobile

Browse Source
This commit is contained in:
Claudio Ortolina
2025-10-31 19:31:44 +00:00
parent 12272608bc
commit 17514a5305
2 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/collection_live/index.html.heex
+6 -2
View File
@@ -68,7 +68,9 @@
aria-hidden="true"
data-slot="icon"
/>
{gettext("Grid")}
<span class="hidden sm:inline">
{gettext("Grid")}
</span>
</.button>
<.button
phx-click="set_display"
@@ -79,7 +81,9 @@
]}
>
<.icon name="hero-list-bullet" class="icon" aria-hidden="true" data-slot="icon" />
{gettext("List")}
<span class="hidden sm:inline">
{gettext("List")}
</span>
</.button>
</.button_group>
</div>
lib/music_library_web/live/wishlist_live/index.html.heex
+6 -2
View File
@@ -55,7 +55,9 @@
aria-hidden="true"
data-slot="icon"
/>
{gettext("Grid")}
<span class="hidden sm:inline">
{gettext("Grid")}
</span>
</.button>
<.button
phx-click="set_display"
@@ -66,7 +68,9 @@
]}
>
<.icon name="hero-list-bullet" class="icon" aria-hidden="true" data-slot="icon" />
{gettext("List")}
<span class="hidden sm:inline">
{gettext("List")}
</span>
</.button>
</.button_group>
</div>