diff --git a/lib/website_web/components/core_components.ex b/lib/website_web/components/core_components.ex index be70816..e3b4eb0 100644 --- a/lib/website_web/components/core_components.ex +++ b/lib/website_web/components/core_components.ex @@ -65,6 +65,7 @@ defmodule WebsiteWeb.CoreComponents do attr :img_url, :string, default: nil attr :label, :string, required: true attr :class, :string, default: nil + attr :stopped, :boolean, default: false def card_link_with_image(assigns) do ~H""" @@ -72,17 +73,23 @@ defmodule WebsiteWeb.CoreComponents do href={@url} target="_blank" class={[ - "flex items-center gap-4 py-4 px-6", + "flex items-center gap-4 p-2", "text-dark-400", - "hover:bg-dark-700 hover:text-dark-200", "rounded transition", + @stopped && "opacity-50 pointer-events-none", + !@stopped && "hover:bg-dark-700 hover:text-dark-200", @class ]} > {@label} -
- <%= @label %> - <%= @url %> +
+
+ <%= @label %> + + stopped + +
+ <%= @url %>
""" diff --git a/lib/website_web/live/home_live.ex b/lib/website_web/live/home_live.ex index 34c1efe..16e76ad 100644 --- a/lib/website_web/live/home_live.ex +++ b/lib/website_web/live/home_live.ex @@ -28,23 +28,25 @@ defmodule WebsiteWeb.HomeLive do <:title>building -
- <.card_link_with_image - url="https://piga.io" - img_url={~p"/images/piga-logo-192.webp"} - label="Piga" - /> - +
<.card_link_with_image url="https://liveroom.app" img_url={~p"/images/liveroom-logo-192.webp"} label="Liveroom" /> + <.card_link_with_image + url="https://piga.io" + img_url={~p"/images/piga-logo-192.webp"} + label="Piga" + stopped + /> + <.card_link_with_image url="https://beachkam.com" img_url={~p"/images/beachkam-logo-192.webp"} label="Beachkam" + stopped />