graham/towerops
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix invite form alignment on members tab

Browse source
This commit is contained in:
Graham McIntire 2026-02-14 16:12:15 -06:00
parent b49d177b97
commit d640fab660
1 changed files with 21 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
lib/towerops_web/live/org/settings_live.html.heex
View file

@ -579,33 +579,27 @@
<div class="md:col-span-2">
<.form for={@invite_form} id="invite-form" phx-submit="send_invitation">
<div class="flex flex-col gap-4 sm:flex-row sm:items-end">
<div class="flex-1">
<.input
field={@invite_form[:email]}
type="email"
label="Email address"
placeholder="colleague@example.com"
required
/>
</div>
<div class="w-full sm:w-40">
<.input
field={@invite_form[:role]}
type="select"
label="Role"
options={[{"Admin", "admin"}, {"Member", "member"}, {"Viewer", "viewer"}]}
/>
</div>
<div>
<button
type="submit"
phx-disable-with="Sending..."
class="rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 dark:bg-indigo-500 dark:shadow-none dark:hover:bg-indigo-400"
>
Send Invite
</button>
</div>
<div class="grid gap-4 sm:grid-cols-[1fr_10rem_auto] sm:items-end">
<.input
field={@invite_form[:email]}
type="email"
label="Email address"
placeholder="colleague@example.com"
required
/>
<.input
field={@invite_form[:role]}
type="select"
label="Role"
options={[{"Admin", "admin"}, {"Member", "member"}, {"Viewer", "viewer"}]}
/>
<button
type="submit"
phx-disable-with="Sending..."
class="rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 dark:bg-indigo-500 dark:shadow-none dark:hover:bg-indigo-400 h-[42px]"
>
Send Invite
</button>
</div>
</.form>
</div>