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

Uniform usage of inputs (with border correction)

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/components/core_components.ex
+2 -2
View File
@@ -350,7 +350,7 @@ defmodule MusicLibraryWeb.CoreComponents do
name={@name}
class={[
"mt-2 block w-full rounded-md",
"border border-zinc-300",
"border-0 border-zinc-300",
"bg-white shadow-sm dark:bg-zinc-700",
"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",
@@ -401,7 +401,7 @@ defmodule MusicLibraryWeb.CoreComponents do
value={Phoenix.HTML.Form.normalize_value(@type, @value)}
class={[
"mt-2 block w-full rounded-md",
"border border-zinc-300",
"border-0 border-zinc-300",
"bg-white shadow-sm dark:bg-zinc-700",
"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",
lib/music_library_web/live/record_live/index.html.heex
+1 -11
View File
@@ -2,18 +2,8 @@
<header class="gap-6 mb-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">
<input
<.input
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}
name={:query}
value={@record_list_params.query}
lib/music_library_web/live/wishlist_live/index.html.heex
+1 -11
View File
@@ -2,18 +2,8 @@
<header class="gap-6 mb-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">
<input
<.input
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}
name={:query}
value={@record_list_params.query}