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

Improve styling of search bar

Browse Source 
- Larger for more space
- Border color and focused state consistent with rest of application
This commit is contained in:
Claudio Ortolina
2024-10-15 08:17:39 +01:00
parent 2661c9f60d
commit 2cd376ae5d
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/record_live/index.html.heex
+2 -2
View File
@@ -1,10 +1,10 @@
<header class="gap-6 mb-2"> <header class="gap-6 mb-2">
<h1 class="text-lg font-semibold leading-8 text-zinc-800">All Records</h1> <h1 class="text-lg font-semibold leading-8 text-zinc-800">All Records</h1>
<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-1/2" 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="w-full rounded-lg text-zinc-900 focus:ring-0 sm:text-sm sm:leading-6" class="w-full rounded-lg text-zinc-900 border-gray-300 focus:border-zinc-400 focus:ring-0 sm:text-sm sm:leading-6"
id={:query} id={:query}
name={:query} name={:query}
value={@record_list_params.query} value={@record_list_params.query}