From 63c73d5f08c37f3c5a81ba67cb5fc3906df2c13c Mon Sep 17 00:00:00 2001 From: Ivan Reshetnikov Date: Wed, 10 Jul 2024 01:20:19 +0500 Subject: [PATCH] fix(footer): add more icons, change css class names --- assets/css/app.css | 17 ++++++ lib/comfycamp_web/components/icons.ex | 52 ++++++++++++++++++- .../components/layouts/app.html.heex | 14 ++--- 3 files changed, 74 insertions(+), 9 deletions(-) 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 @@
-
+
- <.icon name="hero-globe-alt" /> Yggdrasil + <.icon name="yggdrasil" /> Yggdrasil @@ -26,20 +26,20 @@
-
+
- <.icon name="hero-user" /> Mastodon + <.icon name="si-mastodon" /> Mastodon <.icon name="hero-envelope" /> admin@comfycamp.space
-
+
- <.icon name="hero-chat-bubble-left" /> @lumin:matrix.comfycamp.space + <.icon name="si-matrix" /> @lumin:matrix.comfycamp.space - <.icon name="hero-chat-bubble-left" /> lumin@xmpp.comfycamp.space + <.icon name="si-xmpp" /> lumin@xmpp.comfycamp.space