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

Make import format choice buttons visible on mobile

Browse Source
This commit is contained in:
Claudio Ortolina
2024-10-01 22:37:46 +01:00
parent df83d0a82b
commit 83c70d4ec3
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/record_live/import_component.ex
+2 -2
View File
@@ -48,7 +48,7 @@ defmodule MusicLibraryWeb.RecordLive.ImportComponent do
</div> </div>
</div> </div>
<div class="hidden shrink-0 sm:flex sm:flex-col sm:items-end"> <div class="shrink-0 sm:flex sm:flex-col sm:items-end">
<span class="isolate inline-flex rounded-md shadow-sm"> <span class="isolate inline-flex rounded-md shadow-sm">
<button <button
:for={format <- Records.Record.formats()} :for={format <- Records.Record.formats()}
@@ -56,7 +56,7 @@ defmodule MusicLibraryWeb.RecordLive.ImportComponent do
JS.push("import", value: %{id: @release_group.id, format: format}, page_loading: true) JS.push("import", value: %{id: @release_group.id, format: format}, page_loading: true)
} }
type="button" type="button"
class="relative -ml-px inline-flex items-center first:rounded-l-md last:rounded-r-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10" class="relative -ml-px inline-flex items-center first:rounded-l-md last:rounded-r-md bg-white px-2 sm:px-3 py-1 sm:py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10"
> >
<%= Records.Record.format_short_label(format) %> <%= Records.Record.format_short_label(format) %>
</button> </button>