Use a button group for import/scan
This commit is contained in:
@@ -2,12 +2,32 @@
|
|||||||
<header class="gap-6 mb-2">
|
<header class="gap-6 mb-2">
|
||||||
<div class="flex items-center justify-between gap-6 mb-2 mt-2">
|
<div class="flex items-center justify-between gap-6 mb-2 mt-2">
|
||||||
<.search_form query={@record_list_params.query} />
|
<.search_form query={@record_list_params.query} />
|
||||||
<nav>
|
<nav class="mt-2 isolate inline-flex rounded-md shadow-sm">
|
||||||
<.link patch={~p"/collection/import"}>
|
<.link
|
||||||
<.button>{gettext("Import")}</.button>
|
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>
|
||||||
<.link patch={~p"/collection/scan"}>
|
<.link
|
||||||
<.button>{gettext("Scan")}</.button>
|
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>
|
</.link>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -95,7 +95,7 @@ msgstr ""
|
|||||||
msgid "Hang in there while we get back on track"
|
msgid "Hang in there while we get back on track"
|
||||||
msgstr ""
|
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
|
#: lib/music_library_web/live/wishlist_live/index.html.heex:6
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "Import"
|
msgid "Import"
|
||||||
@@ -169,7 +169,7 @@ msgstr ""
|
|||||||
msgid "Previous"
|
msgid "Previous"
|
||||||
msgstr ""
|
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
|
#, elixir-autogen, elixir-format
|
||||||
msgid "Purchase"
|
msgid "Purchase"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
@@ -235,7 +235,7 @@ msgstr ""
|
|||||||
msgid "Show"
|
msgid "Show"
|
||||||
msgstr ""
|
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
|
#: lib/music_library_web/live/wishlist_live/index.html.heex:12
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "Showing <b>%{visible}</b> of <b>%{total}</b> records"
|
msgid "Showing <b>%{visible}</b> of <b>%{total}</b> records"
|
||||||
@@ -494,7 +494,7 @@ msgstr ""
|
|||||||
msgid "Error loading play count"
|
msgid "Error loading play count"
|
||||||
msgstr ""
|
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
|
#, elixir-autogen, elixir-format
|
||||||
msgid "A->Z"
|
msgid "A->Z"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
@@ -620,7 +620,7 @@ msgstr ""
|
|||||||
msgid "Published releases"
|
msgid "Published releases"
|
||||||
msgstr ""
|
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
|
#, elixir-autogen, elixir-format
|
||||||
msgid "Scan"
|
msgid "Scan"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|||||||
Reference in New Issue
Block a user