improve container card style
This commit is contained in:
parent
7a7754767f
commit
faacf80b51
@ -23,7 +23,7 @@ defmodule CanneryWeb.Components.ContainerCard do
|
|||||||
~H"""
|
~H"""
|
||||||
<div
|
<div
|
||||||
id={"container-#{@container.id}"}
|
id={"container-#{@container.id}"}
|
||||||
class="overflow-hidden max-w-full mx-4 my-2 px-8 py-4 flex flex-col justify-center items-center space-y-4
|
class="overflow-hidden max-w-full mx-4 mb-2 px-8 py-4 flex flex-col justify-center items-center space-y-4
|
||||||
border border-gray-400 rounded-lg shadow-lg hover:shadow-md
|
border border-gray-400 rounded-lg shadow-lg hover:shadow-md
|
||||||
transition-all duration-300 ease-in-out"
|
transition-all duration-300 ease-in-out"
|
||||||
>
|
>
|
||||||
|
@ -42,7 +42,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
<div class="w-full flex flex-row flex-wrap justify-center items-center">
|
|
||||||
<%= if @containers |> Enum.empty?() do %>
|
<%= if @containers |> Enum.empty?() do %>
|
||||||
<h2 class="title text-xl text-primary-600">
|
<h2 class="title text-xl text-primary-600">
|
||||||
<%= gettext("No containers") %>
|
<%= gettext("No containers") %>
|
||||||
@ -90,9 +89,7 @@
|
|||||||
phx-click="delete"
|
phx-click="delete"
|
||||||
phx-value-id={container.id}
|
phx-value-id={container.id}
|
||||||
data-confirm={
|
data-confirm={
|
||||||
dgettext("prompts", "Are you sure you want to delete %{name}?",
|
dgettext("prompts", "Are you sure you want to delete %{name}?", name: container.name)
|
||||||
name: container.name
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
data-qa={"delete-#{container.id}"}
|
data-qa={"delete-#{container.id}"}
|
||||||
>
|
>
|
||||||
@ -101,6 +98,7 @@
|
|||||||
</:actions>
|
</:actions>
|
||||||
</.live_component>
|
</.live_component>
|
||||||
<% else %>
|
<% else %>
|
||||||
|
<div class="w-full flex flex-row flex-wrap justify-center items-stretch">
|
||||||
<%= for container <- @containers do %>
|
<%= for container <- @containers do %>
|
||||||
<.container_card container={container}>
|
<.container_card container={container}>
|
||||||
<:tag_actions>
|
<:tag_actions>
|
||||||
@ -145,9 +143,9 @@
|
|||||||
</.link>
|
</.link>
|
||||||
</.container_card>
|
</.container_card>
|
||||||
<% end %>
|
<% end %>
|
||||||
<% end %>
|
|
||||||
<% end %>
|
|
||||||
</div>
|
</div>
|
||||||
|
<% end %>
|
||||||
|
<% end %>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<%= if @live_action in [:new, :edit, :clone] do %>
|
<%= if @live_action in [:new, :edit, :clone] do %>
|
||||||
|
@ -294,7 +294,7 @@ msgid "No ammo for this type"
|
|||||||
msgstr "Keine Munition dieser Art"
|
msgstr "Keine Munition dieser Art"
|
||||||
|
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:8
|
#: lib/cannery_web/live/container_live/index.html.heex:8
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:48
|
#: lib/cannery_web/live/container_live/index.html.heex:47
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "No containers"
|
msgid "No containers"
|
||||||
msgstr "Kein Behälter"
|
msgstr "Kein Behälter"
|
||||||
|
@ -82,8 +82,8 @@ msgstr ""
|
|||||||
"Sind Sie sicher, dass sie %{email} löschen möchten? Dies kann nicht "
|
"Sind Sie sicher, dass sie %{email} löschen möchten? Dies kann nicht "
|
||||||
"zurückgenommen werden!"
|
"zurückgenommen werden!"
|
||||||
|
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:93
|
#: lib/cannery_web/live/container_live/index.html.heex:92
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:138
|
#: lib/cannery_web/live/container_live/index.html.heex:136
|
||||||
#: lib/cannery_web/live/container_live/show.html.heex:59
|
#: lib/cannery_web/live/container_live/show.html.heex:59
|
||||||
#: lib/cannery_web/live/tag_live/index.html.heex:64
|
#: lib/cannery_web/live/tag_live/index.html.heex:64
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
|
@ -279,7 +279,7 @@ msgid "No ammo for this type"
|
|||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:8
|
#: lib/cannery_web/live/container_live/index.html.heex:8
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:48
|
#: lib/cannery_web/live/container_live/index.html.heex:47
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "No containers"
|
msgid "No containers"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
@ -280,7 +280,7 @@ msgid "No ammo for this type"
|
|||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:8
|
#: lib/cannery_web/live/container_live/index.html.heex:8
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:48
|
#: lib/cannery_web/live/container_live/index.html.heex:47
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "No containers"
|
msgid "No containers"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
@ -68,8 +68,8 @@ msgstr ""
|
|||||||
msgid "Are you sure you want to delete %{email}? This action is permanent!"
|
msgid "Are you sure you want to delete %{email}? This action is permanent!"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:93
|
#: lib/cannery_web/live/container_live/index.html.heex:92
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:138
|
#: lib/cannery_web/live/container_live/index.html.heex:136
|
||||||
#: lib/cannery_web/live/container_live/show.html.heex:59
|
#: lib/cannery_web/live/container_live/show.html.heex:59
|
||||||
#: lib/cannery_web/live/tag_live/index.html.heex:64
|
#: lib/cannery_web/live/tag_live/index.html.heex:64
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
|
@ -294,7 +294,7 @@ msgid "No ammo for this type"
|
|||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:8
|
#: lib/cannery_web/live/container_live/index.html.heex:8
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:48
|
#: lib/cannery_web/live/container_live/index.html.heex:47
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "No containers"
|
msgid "No containers"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
@ -82,8 +82,8 @@ msgstr ""
|
|||||||
msgid "Are you sure you want to delete %{email}? This action is permanent!"
|
msgid "Are you sure you want to delete %{email}? This action is permanent!"
|
||||||
msgstr "Está seguro que desea eliminar %{email}? Esta acción es permanente!"
|
msgstr "Está seguro que desea eliminar %{email}? Esta acción es permanente!"
|
||||||
|
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:93
|
#: lib/cannery_web/live/container_live/index.html.heex:92
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:138
|
#: lib/cannery_web/live/container_live/index.html.heex:136
|
||||||
#: lib/cannery_web/live/container_live/show.html.heex:59
|
#: lib/cannery_web/live/container_live/show.html.heex:59
|
||||||
#: lib/cannery_web/live/tag_live/index.html.heex:64
|
#: lib/cannery_web/live/tag_live/index.html.heex:64
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
|
@ -294,7 +294,7 @@ msgid "No ammo for this type"
|
|||||||
msgstr "Aucune munition pour ce type"
|
msgstr "Aucune munition pour ce type"
|
||||||
|
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:8
|
#: lib/cannery_web/live/container_live/index.html.heex:8
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:48
|
#: lib/cannery_web/live/container_live/index.html.heex:47
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "No containers"
|
msgid "No containers"
|
||||||
msgstr "Aucun conteneur"
|
msgstr "Aucun conteneur"
|
||||||
|
@ -83,8 +83,8 @@ msgid "Are you sure you want to delete %{email}? This action is permanent!"
|
|||||||
msgstr ""
|
msgstr ""
|
||||||
"Êtes-vous certain·e de supprimer %{email} ? Cette action est définitive !"
|
"Êtes-vous certain·e de supprimer %{email} ? Cette action est définitive !"
|
||||||
|
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:93
|
#: lib/cannery_web/live/container_live/index.html.heex:92
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:138
|
#: lib/cannery_web/live/container_live/index.html.heex:136
|
||||||
#: lib/cannery_web/live/container_live/show.html.heex:59
|
#: lib/cannery_web/live/container_live/show.html.heex:59
|
||||||
#: lib/cannery_web/live/tag_live/index.html.heex:64
|
#: lib/cannery_web/live/tag_live/index.html.heex:64
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
|
@ -290,7 +290,7 @@ msgid "No ammo for this type"
|
|||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:8
|
#: lib/cannery_web/live/container_live/index.html.heex:8
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:48
|
#: lib/cannery_web/live/container_live/index.html.heex:47
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "No containers"
|
msgid "No containers"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
@ -78,8 +78,8 @@ msgstr ""
|
|||||||
msgid "Are you sure you want to delete %{email}? This action is permanent!"
|
msgid "Are you sure you want to delete %{email}? This action is permanent!"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:93
|
#: lib/cannery_web/live/container_live/index.html.heex:92
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:138
|
#: lib/cannery_web/live/container_live/index.html.heex:136
|
||||||
#: lib/cannery_web/live/container_live/show.html.heex:59
|
#: lib/cannery_web/live/container_live/show.html.heex:59
|
||||||
#: lib/cannery_web/live/tag_live/index.html.heex:64
|
#: lib/cannery_web/live/tag_live/index.html.heex:64
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
|
@ -67,8 +67,8 @@ msgstr ""
|
|||||||
msgid "Are you sure you want to delete %{email}? This action is permanent!"
|
msgid "Are you sure you want to delete %{email}? This action is permanent!"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:93
|
#: lib/cannery_web/live/container_live/index.html.heex:92
|
||||||
#: lib/cannery_web/live/container_live/index.html.heex:138
|
#: lib/cannery_web/live/container_live/index.html.heex:136
|
||||||
#: lib/cannery_web/live/container_live/show.html.heex:59
|
#: lib/cannery_web/live/container_live/show.html.heex:59
|
||||||
#: lib/cannery_web/live/tag_live/index.html.heex:64
|
#: lib/cannery_web/live/tag_live/index.html.heex:64
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
|
Loading…
Reference in New Issue
Block a user