make ammo group index more compact

This commit is contained in:
shibao 2022-11-06 20:29:12 -05:00
parent 10c4f40864
commit 44fbd69e0f
8 changed files with 21 additions and 8 deletions

View File

@ -1,5 +1,6 @@
# v0.5.5 # v0.5.5
- Update translations - Update translations
- Make ammo index page a bit more compact
- Forgot to add the logo as the favicon whoops - Forgot to add the logo as the favicon whoops
# v0.5.4 # v0.5.4

View File

@ -25,7 +25,7 @@
} }
.btn { .btn {
@apply inline-block break-words min-w-4; @apply inline-block break-words;
@apply focus:outline-none px-4 py-2 rounded-lg; @apply focus:outline-none px-4 py-2 rounded-lg;
@apply shadow-sm focus:shadow-lg; @apply shadow-sm focus:shadow-lg;
@apply transition-all duration-300 ease-in-out; @apply transition-all duration-300 ease-in-out;
@ -52,7 +52,7 @@
} }
.link { .link {
@apply inline-block break-all min-w-4; @apply inline-block break-words;
@apply hover:underline; @apply hover:underline;
@apply transition-colors duration-500 ease-in-out; @apply transition-colors duration-500 ease-in-out;
} }

View File

@ -138,10 +138,10 @@ defmodule CanneryWeb.AmmoGroupLive.Index do
{staged, {staged,
~H""" ~H"""
<div class="min-w-20 py-2 px-4 h-full flex flex-col justify-center items-center"> <div class="min-w-20 py-2 px-4 h-full flex flew-wrap justify-center items-center">
<button <button
type="button" type="button"
class="mx-2 my-1 btn btn-primary" class="mx-2 my-1 text-sm btn btn-primary"
phx-click="toggle_staged" phx-click="toggle_staged"
phx-value-ammo_group_id={ammo_group.id} phx-value-ammo_group_id={ammo_group.id}
> >
@ -150,7 +150,7 @@ defmodule CanneryWeb.AmmoGroupLive.Index do
<%= live_patch(dgettext("actions", "Record shots"), <%= live_patch(dgettext("actions", "Record shots"),
to: Routes.ammo_group_index_path(Endpoint, :add_shot_group, ammo_group), to: Routes.ammo_group_index_path(Endpoint, :add_shot_group, ammo_group),
class: "mx-2 my-1 btn btn-primary" class: "mx-2 my-1 text-sm btn btn-primary"
) %> ) %>
</div> </div>
"""} """}
@ -197,10 +197,17 @@ defmodule CanneryWeb.AmmoGroupLive.Index do
{container_name, {container_name,
~H""" ~H"""
<div class="min-w-20 py-2 px-4 h-full space-x-4 flex justify-center items-center"> <div class="min-w-20 py-2 px-4 h-full flex flew-wrap justify-center items-center">
<%= live_patch(@ammo_group.container.name, <%= live_patch(
@ammo_group.container.name,
to: Routes.container_show_path(Endpoint, :show, @ammo_group.container),
class: "mx-2 my-1 link"
) %>
<%= live_patch(
gettext("Move ammo"),
to: Routes.ammo_group_index_path(Endpoint, :move, @ammo_group), to: Routes.ammo_group_index_path(Endpoint, :move, @ammo_group),
class: "btn btn-primary" class: "mx-2 my-1 text-sm btn btn-primary"
) %> ) %>
</div> </div>
"""} """}

View File

@ -601,6 +601,7 @@ msgstr "Munitionsgruppe verschieben"
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
#: lib/cannery_web/components/move_ammo_group_component.ex:80 #: lib/cannery_web/components/move_ammo_group_component.ex:80
#: lib/cannery_web/live/ammo_group_live/index.ex:208
msgid "Move ammo" msgid "Move ammo"
msgstr "Munition verschieben" msgstr "Munition verschieben"

View File

@ -584,6 +584,7 @@ msgstr ""
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
#: lib/cannery_web/components/move_ammo_group_component.ex:80 #: lib/cannery_web/components/move_ammo_group_component.ex:80
#: lib/cannery_web/live/ammo_group_live/index.ex:208
msgid "Move ammo" msgid "Move ammo"
msgstr "" msgstr ""

View File

@ -585,6 +585,7 @@ msgstr ""
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
#: lib/cannery_web/components/move_ammo_group_component.ex:80 #: lib/cannery_web/components/move_ammo_group_component.ex:80
#: lib/cannery_web/live/ammo_group_live/index.ex:208
msgid "Move ammo" msgid "Move ammo"
msgstr "" msgstr ""

View File

@ -599,6 +599,7 @@ msgstr ""
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
#: lib/cannery_web/components/move_ammo_group_component.ex:80 #: lib/cannery_web/components/move_ammo_group_component.ex:80
#: lib/cannery_web/live/ammo_group_live/index.ex:208
msgid "Move ammo" msgid "Move ammo"
msgstr "" msgstr ""

View File

@ -603,6 +603,7 @@ msgstr "Déplacer le groupe de munition"
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
#: lib/cannery_web/components/move_ammo_group_component.ex:80 #: lib/cannery_web/components/move_ammo_group_component.ex:80
#: lib/cannery_web/live/ammo_group_live/index.ex:208
msgid "Move ammo" msgid "Move ammo"
msgstr "Déplacer munition" msgstr "Déplacer munition"