local-it/mitgliederverwaltung
2
3
Fork 0
Code Issues 59 Pull requests 5 Projects 2 Releases Packages 1 Activity Actions

style: fix tab in edit mode

Browse source
This commit is contained in:
carla 2026-02-26 09:42:10 +01:00
parent cde6a68591
commit 615b4b866b
1 changed files with 24 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

30
lib/mv_web/live/member_live/form.ex
View file

@ -58,16 +58,33 @@ defmodule MvWeb.MemberLive.Form do
</.header> </.header>
<div class="mt-6 space-y-6"> <div class="mt-6 space-y-6">
<%!-- Tab navigation: Payments tab not shown on new/edit (only on member show) --%> <%!-- Tab navigation: same styling as member show; only Contact Data tab (no Membership Fees on edit) --%>
<div role="tablist" class="tabs tabs-bordered"> <div
<button type="button" role="tab" class="tab tab-active" aria-selected="true"> role="tablist"
<.icon name="hero-identification" class="size-4 mr-2" /> class="tabs tabs-bordered tabs-lg bg-base-200/60 rounded-box p-1 w-fit"
>
<button
id="member-tab-contact"
role="tab"
type="button"
tabindex="0"
aria-selected="true"
aria-controls="member-tabpanel-contact"
class="tab tab-active flex items-center gap-2"
>
<.icon name="hero-identification" class="size-4 shrink-0" />
{gettext("Contact Data")} {gettext("Contact Data")}
</button> </button>
</div> </div>
<%!-- Personal Data and Custom Fields Row --%> <%!-- Contact Data Tab Content (same structure as member show) --%>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6"> <div
id="member-tabpanel-contact"
role="tabpanel"
aria-labelledby="member-tab-contact"
>
<%!-- Personal Data and Custom Fields Row --%>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
<%!-- Personal Data Section --%> <%!-- Personal Data Section --%>
<div> <div>
<.form_section title={gettext("Personal Data")}> <.form_section title={gettext("Personal Data")}>
@ -280,6 +297,7 @@ defmodule MvWeb.MemberLive.Form do
</div> </div>
</section> </section>
<% end %> <% end %>
</div>
</div> </div>
</.form> </.form>
</Layouts.app> </Layouts.app>