neiam
/apollos_crib
It's Apollo's Crib
public · Issues · Pulls 1 · Labels · Forks · Compare · Actions failure · Badges · Packages
⭐
Log in to mark this repository.
form padding cleanup
ae8662f · gmorell · 2022-07-30 21:49
Files changed
modified
apps/room_sanctum/lib/room_sanctum_web/live/cfg_vision_live/form_component.html.heex
+10
−8
@@ -30,7 +30,7 @@
| 30 | 30 | <%= hidden_inputs_for(fq) %> |
| 31 | 31 | <%= ctr %> |
| 32 | 32 | </div> |
| 33 | − <div class="flex-none w-32"> | |
| 33 | + <div class="flex-none w-32 p-1"> | |
| 34 | 34 | <div class="form-control"> |
| 35 | 35 | <%= label fq, :type %> |
| 36 | 36 | <%= select fq, :type, Ecto.Enum.values(RoomSanctum.Configuration.Vision, :type), prompt: "Choose a value", class: "select w-full max-w-xs" %> |
@@ -40,7 +40,7 @@
| 40 | 40 | |
| 41 | 41 | <%= for fd <- polymorphic_embed_inputs_for fq, :data do %> |
| 42 | 42 | <%= hidden_inputs_for(fd) %> |
| 43 | − <div class="flex-none w-16"> | |
| 43 | + <div class="flex-none w-24 p-1"> | |
| 44 | 44 | <div class="form-control"> |
| 45 | 45 | <label>Order</label> |
| 46 | 46 | <%= number_input fd, :order, class: "input w-full max-w-xs" %> |
@@ -49,7 +49,7 @@
| 49 | 49 | </div> |
| 50 | 50 | </div> |
| 51 | 51 | </div> |
| 52 | − <div class="flex-1 w-64"> | |
| 52 | + <div class="flex-1 w-64 p-1"> | |
| 53 | 53 | <div class="form-control"> |
| 54 | 54 | <label>Query</label> |
| 55 | 55 | <%= select fd, :query, @cfg_queries_sel, class: "select w-full max-w-xs" %> |
@@ -58,7 +58,7 @@
| 58 | 58 | </div> |
| 59 | 59 | </div> |
| 60 | 60 | </div> |
| 61 | − <div class="flex-1 w-64"> | |
| 61 | + <div class="flex-1 w-64 p-1"> | |
| 62 | 62 | <%= case gfv(@changeset, fq, ctr) do %> |
| 63 | 63 | <% :time -> %> |
| 64 | 64 | <div class="form-control"> |
@@ -73,20 +73,22 @@
| 73 | 73 | <%= error_tag fd, :weekdays %> |
| 74 | 74 | </div> |
| 75 | 75 | </div> |
| 76 | + <div class="card card-compact rounded-md bg-base-100 shadow-xl p-2 my-1"> | |
| 76 | 77 | <div class="time-inputs"> |
| 77 | − <label>Start Time</label> | |
| 78 | − <%= time_select fd, :time_start, class: "input w-full max-w-xs" %> | |
| 78 | + <label><i class="fa-solid fa-forward-step"></i></label> | |
| 79 | + <%= time_select fd, :time_start, class: "select w-full max-w-xs" %> | |
| 79 | 80 | <div class="error"> |
| 80 | 81 | <%= error_tag fd, :time_start %> |
| 81 | 82 | </div> |
| 82 | 83 | </div> |
| 83 | 84 | <div class="time-inputs"> |
| 84 | − <label>End Time</label> | |
| 85 | − <%= time_select fd, :time_end, class: "input w-full max-w-xs" %> | |
| 85 | + <label><i class="fa-solid fa-backward-step"></i></label> | |
| 86 | + <%= time_select fd, :time_end, class: "select w-full max-w-xs" %> | |
| 86 | 87 | <div class="error"> |
| 87 | 88 | <%= error_tag fd, :time_end %> |
| 88 | 89 | </div> |
| 89 | 90 | </div> |
| 91 | + </div> | |
| 90 | 92 | <% _ -> %> |
| 91 | 93 | <% end %> |
| 92 | 94 | </div> |
Parents: 8d22488