diff --git a/assets/css/app.css b/assets/css/app.css index ab44006..1feb872 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -52,3 +52,20 @@ footer { width: 20px; height: 20px; } + +footer { + margin-top: 32px; +} + +.link-list { + margin-top: 16px; + display: flex; + flex-wrap: wrap; + gap: 16px; +} + +.link-list a { + display: flex; + align-items: center; + gap: 8px; +} diff --git a/lib/comfycamp_web/components/icons.ex b/lib/comfycamp_web/components/icons.ex index a2451da..172bad2 100644 --- a/lib/comfycamp_web/components/icons.ex +++ b/lib/comfycamp_web/components/icons.ex @@ -18,8 +18,8 @@ defmodule ComfycampWeb.Icons do ## Examples - <.icon name="hero-x-mark-solid" /> - <.icon name="hero-arrow-path" class="custom-class" /> + <.icon name="hero-x-mark" /> + <.icon name="si-mastodon" class="custom-class" /> """ attr :name, :string, required: true attr :class, :string, default: nil @@ -48,6 +48,54 @@ defmodule ComfycampWeb.Icons do """ end + def icon(%{name: "hero-code-bracket"} = assigns) do + ~H""" + + + + """ + end + + def icon(%{name: "hero-envelope"} = assigns) do + ~H""" + + + + """ + end + + def icon(%{name: "si-mastodon"} = assigns) do + ~H""" + + + + """ + end + + def icon(%{name: "si-xmpp"} = assigns) do + ~H""" + + + + """ + end + + def icon(%{name: "si-matrix"} = assigns) do + ~H""" + + + + """ + end + + def icon(%{name: "yggdrasil"} = assigns) do + ~H""" + + + + """ + end + def icon(assigns) do ~H""" diff --git a/lib/comfycamp_web/components/layouts/app.html.heex b/lib/comfycamp_web/components/layouts/app.html.heex index 5beff2b..b411e73 100644 --- a/lib/comfycamp_web/components/layouts/app.html.heex +++ b/lib/comfycamp_web/components/layouts/app.html.heex @@ -16,9 +16,9 @@
-
+ -