Uniform usage of inputs (with border correction)
This commit is contained in:
@@ -350,7 +350,7 @@ defmodule MusicLibraryWeb.CoreComponents do
|
|||||||
name={@name}
|
name={@name}
|
||||||
class={[
|
class={[
|
||||||
"mt-2 block w-full rounded-md",
|
"mt-2 block w-full rounded-md",
|
||||||
"border border-zinc-300",
|
"border-0 border-zinc-300",
|
||||||
"bg-white shadow-sm dark:bg-zinc-700",
|
"bg-white shadow-sm dark:bg-zinc-700",
|
||||||
"ring-1 ring-inset focus:z-10 focus:ring-2 focus:ring-inset",
|
"ring-1 ring-inset focus:z-10 focus:ring-2 focus:ring-inset",
|
||||||
"focus:border-zinc-400 focus:ring-zinc-400 dark:focus:ring-zinc-300 focus:ring-0",
|
"focus:border-zinc-400 focus:ring-zinc-400 dark:focus:ring-zinc-300 focus:ring-0",
|
||||||
@@ -401,7 +401,7 @@ defmodule MusicLibraryWeb.CoreComponents do
|
|||||||
value={Phoenix.HTML.Form.normalize_value(@type, @value)}
|
value={Phoenix.HTML.Form.normalize_value(@type, @value)}
|
||||||
class={[
|
class={[
|
||||||
"mt-2 block w-full rounded-md",
|
"mt-2 block w-full rounded-md",
|
||||||
"border border-zinc-300",
|
"border-0 border-zinc-300",
|
||||||
"bg-white shadow-sm dark:bg-zinc-700",
|
"bg-white shadow-sm dark:bg-zinc-700",
|
||||||
"ring-1 ring-inset focus:z-10 focus:ring-2 focus:ring-inset",
|
"ring-1 ring-inset focus:z-10 focus:ring-2 focus:ring-inset",
|
||||||
"focus:border-zinc-400 focus:ring-zinc-400 dark:focus:ring-zinc-300 focus:ring-0",
|
"focus:border-zinc-400 focus:ring-zinc-400 dark:focus:ring-zinc-300 focus:ring-0",
|
||||||
|
|||||||
@@ -2,18 +2,8 @@
|
|||||||
<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">
|
||||||
<form class="w-2/3" for={@record_list_params.query} phx-submit="search" phx-change="search">
|
<form class="w-2/3" for={@record_list_params.query} phx-submit="search" phx-change="search">
|
||||||
<input
|
<.input
|
||||||
type="search"
|
type="search"
|
||||||
class={[
|
|
||||||
"relative block w-full rounded-md border-0 py-1.5",
|
|
||||||
"sm:text-sm sm:leading-6",
|
|
||||||
"ring-1 ring-inset focus:z-10 focus:ring-2 focus:ring-inset",
|
|
||||||
"text-gray-900 dark:text-gray-200",
|
|
||||||
"dark:bg-zinc-700",
|
|
||||||
"ring-gray-200 dark:ring-gray-400",
|
|
||||||
"placeholder:text-gray-400 dark:placeholder:text-gray-400",
|
|
||||||
"focus:ring-zinc-400 dark:focus:ring-zinc-300"
|
|
||||||
]}
|
|
||||||
id={:query}
|
id={:query}
|
||||||
name={:query}
|
name={:query}
|
||||||
value={@record_list_params.query}
|
value={@record_list_params.query}
|
||||||
|
|||||||
@@ -2,18 +2,8 @@
|
|||||||
<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">
|
||||||
<form class="w-2/3" for={@record_list_params.query} phx-submit="search" phx-change="search">
|
<form class="w-2/3" for={@record_list_params.query} phx-submit="search" phx-change="search">
|
||||||
<input
|
<.input
|
||||||
type="search"
|
type="search"
|
||||||
class={[
|
|
||||||
"relative block w-full rounded-md border-0 py-1.5",
|
|
||||||
"sm:text-sm sm:leading-6",
|
|
||||||
"ring-1 ring-inset focus:z-10 focus:ring-2 focus:ring-inset",
|
|
||||||
"text-gray-900 dark:text-gray-200",
|
|
||||||
"dark:bg-zinc-700",
|
|
||||||
"ring-gray-200 dark:ring-gray-400",
|
|
||||||
"placeholder:text-gray-400 dark:placeholder:text-gray-400",
|
|
||||||
"focus:ring-zinc-400 dark:focus:ring-zinc-300"
|
|
||||||
]}
|
|
||||||
id={:query}
|
id={:query}
|
||||||
name={:query}
|
name={:query}
|
||||||
value={@record_list_params.query}
|
value={@record_list_params.query}
|
||||||
|
|||||||
+19
-19
@@ -16,9 +16,9 @@ msgstr ""
|
|||||||
msgid "Actions"
|
msgid "Actions"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/music_library_web/live/record_live/index.html.heex:163
|
#: lib/music_library_web/live/record_live/index.html.heex:153
|
||||||
#: lib/music_library_web/live/record_live/show.html.heex:9
|
#: lib/music_library_web/live/record_live/show.html.heex:9
|
||||||
#: lib/music_library_web/live/wishlist_live/index.html.heex:173
|
#: lib/music_library_web/live/wishlist_live/index.html.heex:163
|
||||||
#: lib/music_library_web/live/wishlist_live/show.html.heex:9
|
#: lib/music_library_web/live/wishlist_live/show.html.heex:9
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "Are you sure?"
|
msgid "Are you sure?"
|
||||||
@@ -61,20 +61,20 @@ msgstr ""
|
|||||||
msgid "Cover art"
|
msgid "Cover art"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/music_library_web/live/record_live/index.html.heex:165
|
#: lib/music_library_web/live/record_live/index.html.heex:155
|
||||||
#: lib/music_library_web/live/record_live/show.html.heex:12
|
#: lib/music_library_web/live/record_live/show.html.heex:12
|
||||||
#: lib/music_library_web/live/wishlist_live/index.html.heex:175
|
#: lib/music_library_web/live/wishlist_live/index.html.heex:165
|
||||||
#: lib/music_library_web/live/wishlist_live/show.html.heex:12
|
#: lib/music_library_web/live/wishlist_live/show.html.heex:12
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "Delete"
|
msgid "Delete"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/music_library_web/live/record_live/index.ex:54
|
#: lib/music_library_web/live/record_live/index.ex:54
|
||||||
#: lib/music_library_web/live/record_live/index.html.heex:154
|
#: lib/music_library_web/live/record_live/index.html.heex:144
|
||||||
#: lib/music_library_web/live/record_live/show.ex:50
|
#: lib/music_library_web/live/record_live/show.ex:50
|
||||||
#: lib/music_library_web/live/record_live/show.html.heex:4
|
#: lib/music_library_web/live/record_live/show.html.heex:4
|
||||||
#: lib/music_library_web/live/wishlist_live/index.ex:55
|
#: lib/music_library_web/live/wishlist_live/index.ex:55
|
||||||
#: lib/music_library_web/live/wishlist_live/index.html.heex:154
|
#: lib/music_library_web/live/wishlist_live/index.html.heex:144
|
||||||
#: lib/music_library_web/live/wishlist_live/show.ex:50
|
#: lib/music_library_web/live/wishlist_live/show.ex:50
|
||||||
#: lib/music_library_web/live/wishlist_live/show.html.heex:4
|
#: lib/music_library_web/live/wishlist_live/show.html.heex:4
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
@@ -113,8 +113,8 @@ 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/record_live/index.html.heex:27
|
#: lib/music_library_web/live/record_live/index.html.heex:17
|
||||||
#: lib/music_library_web/live/wishlist_live/index.html.heex:27
|
#: lib/music_library_web/live/wishlist_live/index.html.heex:17
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "Import"
|
msgid "Import"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
@@ -174,8 +174,8 @@ msgid "No results"
|
|||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/music_library_web/live/record_live/import_component.ex:76
|
#: lib/music_library_web/live/record_live/import_component.ex:76
|
||||||
#: lib/music_library_web/live/record_live/index.html.heex:99
|
#: lib/music_library_web/live/record_live/index.html.heex:89
|
||||||
#: lib/music_library_web/live/wishlist_live/index.html.heex:99
|
#: lib/music_library_web/live/wishlist_live/index.html.heex:89
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "Open options"
|
msgid "Open options"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
@@ -191,7 +191,7 @@ msgstr ""
|
|||||||
msgid "Previous"
|
msgid "Previous"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/music_library_web/live/wishlist_live/index.html.heex:164
|
#: lib/music_library_web/live/wishlist_live/index.html.heex:154
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "Purchase"
|
msgid "Purchase"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
@@ -233,8 +233,8 @@ msgstr ""
|
|||||||
msgid "Saving..."
|
msgid "Saving..."
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/music_library_web/live/record_live/index.html.heex:20
|
#: lib/music_library_web/live/record_live/index.html.heex:10
|
||||||
#: lib/music_library_web/live/wishlist_live/index.html.heex:20
|
#: lib/music_library_web/live/wishlist_live/index.html.heex:10
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "Search"
|
msgid "Search"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
@@ -249,16 +249,16 @@ msgstr ""
|
|||||||
msgid "Search for records"
|
msgid "Search for records"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/music_library_web/live/record_live/index.html.heex:134
|
#: lib/music_library_web/live/record_live/index.html.heex:124
|
||||||
#: lib/music_library_web/live/record_live/show.ex:49
|
#: lib/music_library_web/live/record_live/show.ex:49
|
||||||
#: lib/music_library_web/live/wishlist_live/index.html.heex:134
|
#: lib/music_library_web/live/wishlist_live/index.html.heex:124
|
||||||
#: lib/music_library_web/live/wishlist_live/show.ex:49
|
#: lib/music_library_web/live/wishlist_live/show.ex:49
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "Show"
|
msgid "Show"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/music_library_web/live/record_live/index.html.heex:33
|
#: lib/music_library_web/live/record_live/index.html.heex:23
|
||||||
#: lib/music_library_web/live/wishlist_live/index.html.heex:33
|
#: lib/music_library_web/live/wishlist_live/index.html.heex:23
|
||||||
#, 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"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
@@ -313,8 +313,8 @@ msgstr ""
|
|||||||
msgid "Updated at"
|
msgid "Updated at"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/music_library_web/live/record_live/index.html.heex:144
|
#: lib/music_library_web/live/record_live/index.html.heex:134
|
||||||
#: lib/music_library_web/live/wishlist_live/index.html.heex:144
|
#: lib/music_library_web/live/wishlist_live/index.html.heex:134
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "View on MusicBrainz"
|
msgid "View on MusicBrainz"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|||||||
Reference in New Issue
Block a user