Improve layout of add record form
Remove results count (I never looked at it)
This commit is contained in:
@@ -14,7 +14,6 @@ defmodule MusicLibraryWeb.Components.AddRecord do
|
||||
use MusicLibraryWeb, :live_component
|
||||
|
||||
import MusicLibraryWeb.RecordComponents, only: [format_label: 1, type_label: 1]
|
||||
import MusicLibraryWeb.SearchComponents, only: [results_footer: 1]
|
||||
|
||||
alias MusicBrainz.ReleaseGroupSearchResult
|
||||
alias MusicLibrary.Records
|
||||
@@ -29,8 +28,9 @@ defmodule MusicLibraryWeb.Components.AddRecord do
|
||||
@impl true
|
||||
def render(assigns) do
|
||||
~H"""
|
||||
<div>
|
||||
<div class="grid grid-cols-1 md:grid-cols-5">
|
||||
<section class="md:col-span-3 p-4 md:border-r md:border-zinc-200 md:dark:border-zinc-800">
|
||||
<section class="md:col-span-3 md:p-4 md:border-r md:border-zinc-200 md:dark:border-zinc-800">
|
||||
<.simple_form
|
||||
for={@form}
|
||||
id={:import_form}
|
||||
@@ -75,15 +75,14 @@ defmodule MusicLibraryWeb.Components.AddRecord do
|
||||
<div
|
||||
:if={@release_groups_count == 0}
|
||||
id="release-groups-empty"
|
||||
class="text-md flex h-32 items-center justify-center text-zinc-500 md:h-64"
|
||||
class="text-md flex h-64 items-center justify-center text-zinc-500 md:h-64"
|
||||
>
|
||||
{gettext("No results")}
|
||||
</div>
|
||||
<.results_footer total_results={@release_groups_total_count} />
|
||||
</section>
|
||||
|
||||
<aside class={[
|
||||
"md:col-span-2 bg-zinc-50 dark:bg-zinc-900/60",
|
||||
"md:col-span-2",
|
||||
"border-t md:border-t-0 md:border-l md:border-zinc-200 md:dark:border-zinc-800",
|
||||
"flex flex-col"
|
||||
]}>
|
||||
@@ -233,6 +232,7 @@ defmodule MusicLibraryWeb.Components.AddRecord do
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
"""
|
||||
end
|
||||
|
||||
|
||||
Reference in New Issue
Block a user