style: consistent save buttons and active tab
This commit is contained in:
parent
82962a2f2a
commit
ba08434604
15 changed files with 486 additions and 438 deletions
|
|
@ -144,11 +144,6 @@ defmodule MvWeb.MembershipFeeSettingsLive do
|
|||
<:subtitle>
|
||||
{gettext("Configure fee types for membership fees.")}
|
||||
</:subtitle>
|
||||
<:actions>
|
||||
<.button variant="primary" navigate={~p"/membership_fee_settings/new_fee_type"}>
|
||||
<.icon name="hero-plus" /> {gettext("New Membership Fee Type")}
|
||||
</.button>
|
||||
</:actions>
|
||||
</.header>
|
||||
|
||||
<%!-- One card: default setting + fee types table --%>
|
||||
|
|
@ -220,13 +215,6 @@ defmodule MvWeb.MembershipFeeSettingsLive do
|
|||
<% end %>
|
||||
<% end %>
|
||||
</fieldset>
|
||||
|
||||
<div class="flex-shrink-0 ml-auto border-l border-base-300 pl-6">
|
||||
<.button type="submit" variant="primary">
|
||||
<.icon name="hero-check" class="size-5" />
|
||||
{gettext("Save Settings")}
|
||||
</.button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="text-sm text-base-content/60 list-disc list-inside space-y-0.5">
|
||||
|
|
@ -237,12 +225,24 @@ defmodule MvWeb.MembershipFeeSettingsLive do
|
|||
)}
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<%!-- Save button: below default settings form, no icon (consistent with other Save buttons) --%>
|
||||
<div class="mt-6 flex items-center justify-end">
|
||||
<.button type="submit" phx-disable-with={gettext("Saving...")} variant="primary">
|
||||
{gettext("Save default settings")}
|
||||
</.button>
|
||||
</div>
|
||||
</.form>
|
||||
|
||||
<div class="divider"></div>
|
||||
|
||||
<%!-- Fee types table: row click opens edit --%>
|
||||
<h2 class="text-lg font-semibold">{gettext("Membership Fee Types")}</h2>
|
||||
<%!-- Fee types section: heading and "New" button on same line --%>
|
||||
<div class="flex items-center justify-between gap-4 flex-wrap">
|
||||
<h2 class="text-lg font-semibold">{gettext("Membership Fee Types")}</h2>
|
||||
<.button variant="primary" navigate={~p"/membership_fee_settings/new_fee_type"}>
|
||||
<.icon name="hero-plus" /> {gettext("New Membership Fee Type")}
|
||||
</.button>
|
||||
</div>
|
||||
<.table
|
||||
id="membership_fee_types"
|
||||
rows={@membership_fee_types}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue