KKlochko/decentralised_book_index
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update the style for AuthorRoles' nested forms for the Book's form.

Browse Source
This commit is contained in:
KKlochko
2025-04-20 18:17:12 +03:00
parent 289ff4855c
commit 99ae616eff
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/decentralised_book_index_web/components/my_components/selected_author.ex
+2 -1
View File
@@ -4,6 +4,7 @@ defmodule DecentralisedBookIndexWeb.Components.MyComponents.SelectedAuthor do
attr :author_form, :map, default: nil
attr :form_path, :string, default: ""
attr :class, :string, default: ""
def selected_author(assigns) do
author_id = assigns.author_form.value
@@ -18,7 +19,7 @@ defmodule DecentralisedBookIndexWeb.Components.MyComponents.SelectedAuthor do
assigns = assign(assigns, :author, author)
~H"""
<button type="button" phx-click="open-select-author" phx-target={@notify_component} phx-value-path={@form_path} class="text-white bg-blue-700 hover:bg-blue-800 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium rounded-full text-sm px-5 py-2.5 text-center me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
<button type="button" phx-click="open-select-author" phx-target={@notify_component} phx-value-path={@form_path} class={"text-white bg-blue-700 hover:bg-blue-800 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium rounded-full text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 #{@class}"}>
<%= if @author != nil do %>
{@author.name}
<% else %>
lib/decentralised_book_index_web/live/book_live/form_component.ex
+3 -2
View File
@@ -212,7 +212,7 @@ defmodule DecentralisedBookIndexWeb.BookLive.FormComponent do
<thead class="border-b border-zinc-100">
<tr>
<th class="text-left font-medium text-sm pb-1 px-3 w-10"></th>
<th class="text-left font-medium text-sm pb-1 px-3 w-96 dark:text-white">Author</th>
<th class="text-left font-medium text-sm pb-1 px-3 w-48 dark:text-white">Author</th>
<th class="text-left font-medium text-sm pb-1 px-3 dark:text-white">Role</th>
<th class="text-left font-medium text-sm pb-1 px-3 w-12"></th>
</tr>
@@ -225,13 +225,14 @@ defmodule DecentralisedBookIndexWeb.BookLive.FormComponent do
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m8 15 4 4 4-4m0-6-4-4-4 4"/>
</svg>
</td>
<td class="px-3 w-96">
<td class="px-3 w-48">
<label for={author_roles_form[:author_id].id} class="hidden">Type</label>
<.input field={author_roles_form[:author_id]} />
<.selected_author
author_form={author_roles_form[:author_id]}
notify_component={@notify_component}
form_path={author_roles_form.name}
class="mt-2 w-full"
/>
</td>
<td class="px-3">