shibao/cannery
1
2
Fork 1
Code Issues 14 Pull Requests Projects 1 Releases 40 Wiki Activity

fix tag and container overflow

Browse Source
This commit is contained in:
shibao
2022-03-28 23:56:45 -04:00
parent 5d6ecba9f7
commit e0ddefe1d7
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
lib/cannery_web/components/container_card.ex
View File

@@ -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">

2
lib/cannery_web/components/tag_card.ex
View File

@@ -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 %>

2
lib/cannery_web/live/container_live/index.html.heex
View File

@@ -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>