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

Fix side padding inconsistencies in collection view

Browse Source
This commit is contained in:
Claudio Ortolina
2024-10-15 14:58:14 +01:00
parent 2cd376ae5d
commit dafcd0ed6f
3 changed files with 30 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/record_live/index.html.heex
+28 -26
View File
@@ -1,30 +1,32 @@
<header class="gap-6 mb-2">
<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">
<form class="w-2/3" for={@record_list_params.query} phx-submit="search" phx-change="search">
<input
type="search"
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}
name={:query}
value={@record_list_params.query}
placeholder="Search"
phx-debounce="500"
autocorrect="off"
autocapitalize="none"
/>
</form>
<.link patch={~p"/records/import"}>
<.button>Import</.button>
</.link>
</div>
</header>
<div class="px-4 sm:px-0">
<header class="gap-6 mb-2">
<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">
<form class="w-2/3" for={@record_list_params.query} phx-submit="search" phx-change="search">
<input
type="search"
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}
name={:query}
value={@record_list_params.query}
placeholder="Search"
phx-debounce="500"
autocorrect="off"
autocapitalize="none"
/>
</form>
<.link patch={~p"/records/import"}>
<.button>Import</.button>
</.link>
</div>
</header>
<p class="text-right text-base max-sm:text-xs mt-8">
Showing <b><%= Enum.count(@streams.records) %></b>
of <b><%= @record_list_params.total_entries %></b>
records
</p>
<p class="text-right text-base max-sm:text-xs mt-8">
Showing <b><%= Enum.count(@streams.records) %></b>
of <b><%= @record_list_params.total_entries %></b>
records
</p>
</div>
<.table
id="records"