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
- Update translations
- Make ammo index page a bit more compact
- Forgot to add the logo as the favicon whoops
# v0.5.4

View File

@ -25,7 +25,7 @@
}
.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 shadow-sm focus:shadow-lg;
@apply transition-all duration-300 ease-in-out;
@ -52,7 +52,7 @@
}
.link {
@apply inline-block break-all min-w-4;
@apply inline-block break-words;
@apply hover:underline;
@apply transition-colors duration-500 ease-in-out;
}

View File

@ -138,10 +138,10 @@ defmodule CanneryWeb.AmmoGroupLive.Index do
{staged,
~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
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-value-ammo_group_id={ammo_group.id}
>
@ -150,7 +150,7 @@ defmodule CanneryWeb.AmmoGroupLive.Index do
<%= live_patch(dgettext("actions", "Record shots"),
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>
"""}
@ -197,10 +197,17 @@ defmodule CanneryWeb.AmmoGroupLive.Index do
{container_name,
~H"""
<div class="min-w-20 py-2 px-4 h-full space-x-4 flex justify-center items-center">
<%= live_patch(@ammo_group.container.name,
<div class="min-w-20 py-2 px-4 h-full flex flew-wrap justify-center items-center">
<%= 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),
class: "btn btn-primary"
class: "mx-2 my-1 text-sm btn btn-primary"
) %>
</div>
"""}

View File

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

View File

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

View File

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

View File

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

View File

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