Use a button group for import/scan
This commit is contained in:
@@ -2,12 +2,32 @@
|
||||
<header class="gap-6 mb-2">
|
||||
<div class="flex items-center justify-between gap-6 mb-2 mt-2">
|
||||
<.search_form query={@record_list_params.query} />
|
||||
<nav>
|
||||
<.link patch={~p"/collection/import"}>
|
||||
<.button>{gettext("Import")}</.button>
|
||||
<nav class="mt-2 isolate inline-flex rounded-md shadow-sm">
|
||||
<.link
|
||||
class={[
|
||||
"relative inline-flex items-center rounded-l-md",
|
||||
"px-3 py-2 text-xs sm:text-sm font-semibold",
|
||||
"bg-zinc-900 hover:bg-zinc-800 dark:bg-zinc-100 dark:hover:bg-zinc-200",
|
||||
"disabled:bg-zinc-300 dark:disabled:bg-zinc-300 disabled:active:text-white",
|
||||
"text-white active:text-white/80 dark:text-zinc-900 dark:active:text-zinc-900/80",
|
||||
"focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-600"
|
||||
]}
|
||||
patch={~p"/collection/import"}
|
||||
>
|
||||
{gettext("Import")}
|
||||
</.link>
|
||||
<.link patch={~p"/collection/scan"}>
|
||||
<.button>{gettext("Scan")}</.button>
|
||||
<.link
|
||||
class={[
|
||||
"relative -ml-px inline-flex items-center rounded-r-md",
|
||||
"px-3 py-2 text-xs sm:text-sm font-semibold",
|
||||
"bg-zinc-900 hover:bg-zinc-800 dark:bg-zinc-100 dark:hover:bg-zinc-200",
|
||||
"disabled:bg-zinc-300 dark:disabled:bg-zinc-300 disabled:active:text-white",
|
||||
"text-white active:text-white/80 dark:text-zinc-900 dark:active:text-zinc-900/80",
|
||||
"focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-600"
|
||||
]}
|
||||
patch={~p"/collection/scan"}
|
||||
>
|
||||
{gettext("Scan")}
|
||||
</.link>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
@@ -95,7 +95,7 @@ msgstr ""
|
||||
msgid "Hang in there while we get back on track"
|
||||
msgstr ""
|
||||
|
||||
#: lib/music_library_web/live/collection_live/index.html.heex:7
|
||||
#: lib/music_library_web/live/collection_live/index.html.heex:17
|
||||
#: lib/music_library_web/live/wishlist_live/index.html.heex:6
|
||||
#, elixir-autogen, elixir-format
|
||||
msgid "Import"
|
||||
@@ -169,7 +169,7 @@ msgstr ""
|
||||
msgid "Previous"
|
||||
msgstr ""
|
||||
|
||||
#: lib/music_library_web/live/collection_live/index.html.heex:47
|
||||
#: lib/music_library_web/live/collection_live/index.html.heex:67
|
||||
#, elixir-autogen, elixir-format
|
||||
msgid "Purchase"
|
||||
msgstr ""
|
||||
@@ -235,7 +235,7 @@ msgstr ""
|
||||
msgid "Show"
|
||||
msgstr ""
|
||||
|
||||
#: lib/music_library_web/live/collection_live/index.html.heex:52
|
||||
#: lib/music_library_web/live/collection_live/index.html.heex:72
|
||||
#: lib/music_library_web/live/wishlist_live/index.html.heex:12
|
||||
#, elixir-autogen, elixir-format
|
||||
msgid "Showing <b>%{visible}</b> of <b>%{total}</b> records"
|
||||
@@ -494,7 +494,7 @@ msgstr ""
|
||||
msgid "Error loading play count"
|
||||
msgstr ""
|
||||
|
||||
#: lib/music_library_web/live/collection_live/index.html.heex:29
|
||||
#: lib/music_library_web/live/collection_live/index.html.heex:49
|
||||
#, elixir-autogen, elixir-format
|
||||
msgid "A->Z"
|
||||
msgstr ""
|
||||
@@ -620,7 +620,7 @@ msgstr ""
|
||||
msgid "Published releases"
|
||||
msgstr ""
|
||||
|
||||
#: lib/music_library_web/live/collection_live/index.html.heex:10
|
||||
#: lib/music_library_web/live/collection_live/index.html.heex:30
|
||||
#, elixir-autogen, elixir-format
|
||||
msgid "Scan"
|
||||
msgstr ""
|
||||
|
||||
Reference in New Issue
Block a user