forked from shibao/cannery
		
	fix grid styling
This commit is contained in:
		| @@ -1,5 +1,5 @@ | ||||
| <div> | ||||
|   <h2 class="text-center title text-xl text-primary-600"> | ||||
|   <h2 class="mb-8 text-center title text-xl text-primary-600"> | ||||
|     <%= gettext("Record shots") %> | ||||
|   </h2> | ||||
|  | ||||
| @@ -7,7 +7,7 @@ | ||||
|     let={f} | ||||
|     for={@changeset} | ||||
|     id="shot-group-form" | ||||
|     class="flex flex-col sm:grid sm:grid-cols-3 justify-center items-center space-y-4" | ||||
|     class="flex flex-col sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center" | ||||
|     phx-target={@myself} | ||||
|     phx-change="validate" | ||||
|     phx-submit="save" | ||||
|   | ||||
| @@ -1,5 +1,5 @@ | ||||
| <div class="w-full flex flex-col space-y-8 justify-center items-center"> | ||||
|   <h2 class="text-center title text-xl text-primary-600"> | ||||
|   <h2 class="mb-8 text-center title text-xl text-primary-600"> | ||||
|     <%= gettext("Move ammo") %> | ||||
|   </h2> | ||||
|  | ||||
|   | ||||
| @@ -1,5 +1,5 @@ | ||||
| <div> | ||||
|   <h2 class="text-center title text-xl text-primary-600"> | ||||
|   <h2 class="mb-8 text-center title text-xl text-primary-600"> | ||||
|     <%= @title %> | ||||
|   </h2> | ||||
|  | ||||
| @@ -10,7 +10,7 @@ | ||||
|     phx-target={@myself} | ||||
|     phx-change="validate" | ||||
|     phx-submit="save" | ||||
|     class="flex flex-col sm:grid sm:grid-cols-3 justify-center items-center space-y-4" | ||||
|     class="flex flex-col sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center" | ||||
|   > | ||||
|     <%= if @changeset.action && not @changeset.valid? do %> | ||||
|       <div class="invalid-feedback col-span-3 text-center"> | ||||
|   | ||||
| @@ -1,5 +1,5 @@ | ||||
| <div> | ||||
|   <h2 class="text-center title text-xl text-primary-600"> | ||||
|   <h2 class="mb-8 text-center title text-xl text-primary-600"> | ||||
|     <%= @title %> | ||||
|   </h2> | ||||
|   <.form | ||||
| @@ -9,7 +9,7 @@ | ||||
|     phx-target={@myself} | ||||
|     phx-change="validate" | ||||
|     phx-submit="save" | ||||
|     class="flex flex-col sm:grid sm:grid-cols-3 justify-center items-center space-y-4" | ||||
|     class="flex flex-col sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center" | ||||
|   > | ||||
|     <%= if @changeset.action && not @changeset.valid? do %> | ||||
|       <div class="invalid-feedback col-span-3 text-center"> | ||||
|   | ||||
| @@ -1,5 +1,5 @@ | ||||
| <div> | ||||
|   <h2 class="mb-4 text-center title text-xl text-primary-600"> | ||||
|   <h2 class="mb-8 text-center title text-xl text-primary-600"> | ||||
|     <%= @title %> | ||||
|   </h2> | ||||
|  | ||||
| @@ -7,7 +7,7 @@ | ||||
|     let={f} | ||||
|     for={:tag} | ||||
|     id="add-tag-to-container-form" | ||||
|     class="flex flex-col sm:grid sm:grid-cols-3 justify-center items-center space-x-2" | ||||
|     class="flex flex-col sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center" | ||||
|     phx-target={@myself} | ||||
|     phx-submit="save" | ||||
|   > | ||||
|   | ||||
| @@ -1,12 +1,12 @@ | ||||
| <div> | ||||
|   <h2 class="text-center title text-xl text-primary-600"> | ||||
|   <h2 class="mb-8 text-center title text-xl text-primary-600"> | ||||
|     <%= @title %> | ||||
|   </h2> | ||||
|   <.form | ||||
|     let={f} | ||||
|     for={@changeset} | ||||
|     id="container-form" | ||||
|     class="flex flex-col sm:grid sm:grid-cols-3 justify-center items-center space-y-4" | ||||
|     class="flex flex-col sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center" | ||||
|     phx-target={@myself} | ||||
|     phx-change="validate" | ||||
|     phx-submit="save" | ||||
|   | ||||
| @@ -1,12 +1,12 @@ | ||||
| <div> | ||||
|   <h2 class="text-center title text-xl text-primary-600"> | ||||
|   <h2 class="mb-8 text-center title text-xl text-primary-600"> | ||||
|     <%= @title %> | ||||
|   </h2> | ||||
|   <.form | ||||
|     let={f} | ||||
|     for={@changeset} | ||||
|     id="invite-form" | ||||
|     class="flex flex-col sm:grid sm:grid-cols-3 justify-center items-center space-y-4" | ||||
|     class="flex flex-col sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center" | ||||
|     phx-target={@myself} | ||||
|     phx-change="validate" | ||||
|     phx-submit="save" | ||||
|   | ||||
| @@ -1,5 +1,5 @@ | ||||
| <div> | ||||
|   <h2 class="text-center title text-xl text-primary-600"> | ||||
|   <h2 class="mb-8 text-center title text-xl text-primary-600"> | ||||
|     <%= @title %> | ||||
|   </h2> | ||||
|  | ||||
| @@ -7,7 +7,7 @@ | ||||
|     let={f} | ||||
|     for={@changeset} | ||||
|     id="shot-group-form" | ||||
|     class="flex flex-col sm:grid sm:grid-cols-3 justify-center items-center space-y-4" | ||||
|     class="flex flex-col sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center" | ||||
|     phx-target={@myself} | ||||
|     phx-change="validate" | ||||
|     phx-submit="save" | ||||
|   | ||||
| @@ -29,14 +29,14 @@ defmodule CanneryWeb.TagLive.FormComponent do | ||||
|   def render(assigns) do | ||||
|     ~H""" | ||||
|     <div> | ||||
|       <h2 class="text-center title text-xl text-primary-600"> | ||||
|       <h2 class="mb-8 text-center title text-xl text-primary-600"> | ||||
|         <%= @title %> | ||||
|       </h2> | ||||
|       <.form | ||||
|         let={f} | ||||
|         for={@changeset} | ||||
|         id="tag-form" | ||||
|         class="flex flex-col sm:grid sm:grid-cols-3 justify-center items-center space-y-4" | ||||
|         class="flex flex-col sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center" | ||||
|         phx-target={@myself} | ||||
|         phx-change="validate" | ||||
|         phx-submit="save" | ||||
|   | ||||
| @@ -1,4 +1,4 @@ | ||||
| <div class="mb-8 flex flex-col justify-center items-center space-y-4"> | ||||
| <div class="mx-auto mb-8 max-w-2xl flex flex-col justify-center items-center space-y-4"> | ||||
|   <h1 class="title text-primary-600 text-xl"> | ||||
|     <%= dgettext("actions", "Resend confirmation instructions") %> | ||||
|   </h1> | ||||
| @@ -7,15 +7,14 @@ | ||||
|            Routes.user_confirmation_path(@conn, :create), | ||||
|            [ | ||||
|              class: | ||||
|                "flex flex-col sm:grid sm:grid-cols-3" <> | ||||
|                  "justify-center items-center text-center space-y-4" | ||||
|                "flex flex-col sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center" | ||||
|            ], | ||||
|            fn f -> %> | ||||
|     <%= label(f, :email, class: "title text-lg text-primary-600") %> | ||||
|     <%= email_input(f, :email, required: true, class: "input input-primary col-span-2") %> | ||||
|  | ||||
|     <%= submit(dgettext("actions", "Resend confirmation instructions"), | ||||
|       class: "mx-auto my-4 btn btn-primary col-span-3" | ||||
|       class: "mx-auto btn btn-primary col-span-3" | ||||
|     ) %> | ||||
|   <% end %> | ||||
|  | ||||
|   | ||||
| @@ -1,4 +1,4 @@ | ||||
| <div class="mb-8 flex flex-col justify-center items-center space-y-4"> | ||||
| <div class="mx-auto mb-8 max-w-2xl flex flex-col justify-center items-center space-y-4"> | ||||
|   <h1 class="title text-primary-600 text-xl"> | ||||
|     <%= dgettext("actions", "Register") %> | ||||
|   </h1> | ||||
| @@ -7,8 +7,7 @@ | ||||
|            Routes.user_registration_path(@conn, :create), | ||||
|            [ | ||||
|              class: | ||||
|                "flex flex-col sm:grid sm:grid-cols-3" <> | ||||
|                  "justify-center items-center text-center space-y-4" | ||||
|                "flex flex-col sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center" | ||||
|            ], | ||||
|            fn f -> %> | ||||
|     <%= if @changeset.action && not @changeset.valid? do %> | ||||
| @@ -31,7 +30,7 @@ | ||||
|     <%= password_input(f, :password, required: true, class: "input input-primary col-span-2") %> | ||||
|     <%= error_tag(f, :password, "col-span-3") %> | ||||
|  | ||||
|     <%= submit(dgettext("actions", "Register"), class: "mx-auto my-4 btn btn-primary col-span-3") %> | ||||
|     <%= submit(dgettext("actions", "Register"), class: "mx-auto btn btn-primary col-span-3") %> | ||||
|   <% end %> | ||||
|  | ||||
|   <hr class="hr" /> | ||||
|   | ||||
| @@ -1,4 +1,4 @@ | ||||
| <div class="mb-8 flex flex-col justify-center items-center space-y-4"> | ||||
| <div class="mx-auto mb-8 max-w-2xl flex flex-col justify-center items-center space-y-4"> | ||||
|   <h1 class="title text-primary-600 text-xl"> | ||||
|     <%= dgettext("actions", "Reset password") %> | ||||
|   </h1> | ||||
| @@ -7,8 +7,7 @@ | ||||
|            Routes.user_reset_password_path(@conn, :update, @token), | ||||
|            [ | ||||
|              class: | ||||
|                "flex flex-col sm:grid sm:grid-cols-3" <> | ||||
|                  "justify-center items-center text-center space-y-4" | ||||
|                "flex flex-col sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center" | ||||
|            ], | ||||
|            fn f -> %> | ||||
|     <%= if @changeset.action && not @changeset.valid? do %> | ||||
| @@ -33,7 +32,7 @@ | ||||
|     <%= error_tag(f, :password_confirmation, "col-span-3") %> | ||||
|  | ||||
|     <%= submit(dgettext("actions", "Reset password"), | ||||
|       class: "mx-auto my-4 btn btn-primary col-span-3" | ||||
|       class: "mx-auto btn btn-primary col-span-3" | ||||
|     ) %> | ||||
|   <% end %> | ||||
|  | ||||
|   | ||||
| @@ -1,4 +1,4 @@ | ||||
| <div class="mb-8 flex flex-col justify-center items-center space-y-4"> | ||||
| <div class="mx-auto mb-8 max-w-2xl flex flex-col justify-center items-center space-y-4"> | ||||
|   <h1 class="title text-primary-600 text-xl"> | ||||
|     <%= dgettext("actions", "Forgot your password?") %> | ||||
|   </h1> | ||||
| @@ -7,15 +7,14 @@ | ||||
|            Routes.user_reset_password_path(@conn, :create), | ||||
|            [ | ||||
|              class: | ||||
|                "flex flex-col sm:grid sm:grid-cols-3" <> | ||||
|                  "justify-center items-center text-center space-y-4" | ||||
|                "flex flex-col sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center" | ||||
|            ], | ||||
|            fn f -> %> | ||||
|     <%= label(f, :email, class: "title text-lg text-primary-600") %> | ||||
|     <%= email_input(f, :email, required: true, class: "input input-primary col-span-2") %> | ||||
|  | ||||
|     <%= submit(dgettext("actions", "Send instructions to reset password"), | ||||
|       class: "mx-auto my-4 btn btn-primary col-span-3" | ||||
|       class: "mx-auto btn btn-primary col-span-3" | ||||
|     ) %> | ||||
|   <% end %> | ||||
|  | ||||
|   | ||||
| @@ -1,4 +1,4 @@ | ||||
| <div class="mb-8 flex flex-col justify-center items-center space-y-4"> | ||||
| <div class="mx-auto mb-8 max-w-2xl flex flex-col justify-center items-center space-y-4"> | ||||
|   <h1 class="title text-primary-600 text-xl"> | ||||
|     <%= dgettext("actions", "Log in") %> | ||||
|   </h1> | ||||
| @@ -8,8 +8,7 @@ | ||||
|            [ | ||||
|              as: :user, | ||||
|              class: | ||||
|                "flex flex-col sm:grid sm:grid-cols-3" <> | ||||
|                  "justify-center items-center text-center space-y-4" | ||||
|                "flex flex-col sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center" | ||||
|            ], | ||||
|            fn f -> %> | ||||
|     <%= if @error_message do %> | ||||
| @@ -31,7 +30,7 @@ | ||||
|     ) %> | ||||
|     <%= checkbox(f, :remember_me, class: "checkbox col-span-2") %> | ||||
|  | ||||
|     <%= submit(dgettext("actions", "Log in"), class: "mx-auto my-4 btn btn-primary col-span-3") %> | ||||
|     <%= submit(dgettext("actions", "Log in"), class: "mx-auto btn btn-primary col-span-3") %> | ||||
|   <% end %> | ||||
|  | ||||
|   <hr class="hr" /> | ||||
|   | ||||
| @@ -1,4 +1,4 @@ | ||||
| <div class="mb-8 flex flex-col justify-center items-center space-y-4"> | ||||
| <div class="mx-auto mb-8 max-w-2xl flex flex-col justify-center items-center space-y-4"> | ||||
|   <h1 class="pb-4 title text-primary-600 text-xl"> | ||||
|     <%= gettext("Settings") %> | ||||
|   </h1> | ||||
| @@ -9,8 +9,7 @@ | ||||
|            Routes.user_settings_path(@conn, :update), | ||||
|            [ | ||||
|              class: | ||||
|                "pb-4 flex flex-col sm:grid sm:grid-cols-3" <> | ||||
|                  "justify-center items-center text-center space-y-4" | ||||
|                "pb-4 text-center flex flex-col sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center" | ||||
|            ], | ||||
|            fn f -> %> | ||||
|     <h3 class="title text-primary-600 text-lg col-span-3"> | ||||
| @@ -44,7 +43,7 @@ | ||||
|     <%= error_tag(f, :current_password, "col-span-3") %> | ||||
|  | ||||
|     <%= submit(dgettext("actions", "Change email"), | ||||
|       class: "mx-auto my-4 btn btn-primary col-span-3" | ||||
|       class: "mx-auto btn btn-primary col-span-3" | ||||
|     ) %> | ||||
|   <% end %> | ||||
|  | ||||
| @@ -54,7 +53,7 @@ | ||||
|            Routes.user_settings_path(@conn, :update), | ||||
|            [ | ||||
|              class: | ||||
|                "pb-4 flex flex-col sm:grid sm:grid-cols-3 justify-center items-center text-center space-y-4" | ||||
|                "pb-4 text-center flex flex-col sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center" | ||||
|            ], | ||||
|            fn f -> %> | ||||
|     <h3 class="title text-primary-600 text-lg col-span-3"> | ||||
| @@ -100,7 +99,7 @@ | ||||
|     <%= error_tag(f, :current_password, "col-span-3") %> | ||||
|  | ||||
|     <%= submit(dgettext("actions", "Change password"), | ||||
|       class: "mx-auto my-4 btn btn-primary col-span-3" | ||||
|       class: "mx-auto btn btn-primary col-span-3" | ||||
|     ) %> | ||||
|   <% end %> | ||||
|  | ||||
|   | ||||
		Reference in New Issue
	
	Block a user