Uniform usage of inputs (with border correction)

This commit is contained in:
Claudio Ortolina
2024-11-05 08:42:10 +00:00
parent 25463842de
commit 678e61ecbc
4 changed files with 23 additions and 43 deletions
@@ -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
View File
@@ -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 ""