39 lines
901 B
Elixir
39 lines
901 B
Elixir
defmodule CanneryWeb.Components.TagCard do
|
|
@moduledoc """
|
|
Display card for a tag
|
|
"""
|
|
|
|
use CanneryWeb, :component
|
|
alias Cannery.Tags.Tag
|
|
|
|
attr :tag, Tag, required: true
|
|
slot(:inner_block, required: true)
|
|
|
|
def tag_card(assigns) do
|
|
~H"""
|
|
<div
|
|
id={"tag-#{@tag.id}"}
|
|
class="mx-4 mb-2 px-8 py-4 space-x-4 flex justify-center items-center
|
|
border border-gray-400 rounded-lg shadow-lg hover:shadow-md
|
|
transition-all duration-300 ease-in-out"
|
|
>
|
|
<.simple_tag_card tag={@tag} />
|
|
<%= render_slot(@inner_block) %>
|
|
</div>
|
|
"""
|
|
end
|
|
|
|
attr :tag, Tag, required: true
|
|
|
|
def simple_tag_card(assigns) do
|
|
~H"""
|
|
<h1
|
|
class="inline-block break-all mx-2 my-1 px-4 py-2 rounded-lg title text-xl"
|
|
style={"color: #{@tag.text_color}; background-color: #{@tag.bg_color}"}
|
|
>
|
|
<%= @tag.name %>
|
|
</h1>
|
|
"""
|
|
end
|
|
end
|