forked from shibao/cannery
fix tag and container overflow
This commit is contained in:
parent
5d6ecba9f7
commit
e0ddefe1d7
@ -14,11 +14,11 @@ defmodule CanneryWeb.Components.ContainerCard do
|
|||||||
~H"""
|
~H"""
|
||||||
<div
|
<div
|
||||||
id={"container-#{@container.id}"}
|
id={"container-#{@container.id}"}
|
||||||
class="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 my-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"
|
||||||
>
|
>
|
||||||
<div class="mb-4 flex flex-col justify-center items-center space-y-2">
|
<div class="max-w-full mb-4 flex flex-col justify-center items-center space-y-2">
|
||||||
<%= live_redirect to: Routes.container_show_path(Endpoint, :show, @container),
|
<%= live_redirect to: Routes.container_show_path(Endpoint, :show, @container),
|
||||||
class: "link" do %>
|
class: "link" do %>
|
||||||
<h1 class="px-4 py-2 rounded-lg title text-xl">
|
<h1 class="px-4 py-2 rounded-lg title text-xl">
|
||||||
|
@ -22,7 +22,7 @@ defmodule CanneryWeb.Components.TagCard do
|
|||||||
def simple_tag_card(assigns) do
|
def simple_tag_card(assigns) do
|
||||||
~H"""
|
~H"""
|
||||||
<h1
|
<h1
|
||||||
class="mx-2 my-1 px-4 py-2 rounded-lg title text-xl"
|
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}"}
|
style={"color: #{@tag.text_color}; background-color: #{@tag.bg_color}"}
|
||||||
>
|
>
|
||||||
<%= @tag.name %>
|
<%= @tag.name %>
|
||||||
|
@ -20,7 +20,7 @@
|
|||||||
) %>
|
) %>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
<div class="flex flex-row flex-wrap justify-center items-center">
|
<div class="max-w-full flex flex-row flex-wrap justify-center items-center">
|
||||||
<%= for container <- @containers do %>
|
<%= for container <- @containers do %>
|
||||||
<.container_card container={container}>
|
<.container_card container={container}>
|
||||||
<:tag_actions>
|
<:tag_actions>
|
||||||
|
Loading…
Reference in New Issue
Block a user