improve links on home, adjust to themes

This commit is contained in:
Inhji 2023-03-30 22:56:47 +02:00
parent 82d2aeebaf
commit b815344885

View file

@ -15,7 +15,7 @@
rel={identity.rel} rel={identity.rel}
href={identity.url} href={identity.url}
target="_blank" target="_blank"
class="group -mx-2 -my-0.5 inline-flex items-center gap-3 rounded-lg px-2 py-0.5 hover:bg-theme-dim" class="group -mx-2 -my-0.5 inline-flex items-center gap-3 rounded-lg px-2 py-0.5 hover:bg-theme-primary/10 transition"
> >
<%= raw identity.icon %> <%= raw identity.icon %>
<%= identity.name %> <%= identity.name %>
@ -27,9 +27,9 @@
<%= if @channel do %> <%= if @channel do %>
<div class="w-full mt-6 sm:w-auto flex flex-col gap-1.5"> <div class="w-full mt-6 sm:w-auto flex flex-col gap-1.5">
<%= for note <- @channel.notes do %> <%= for note <- @channel.notes do %>
<a href={~p"/n/#{note.slug}"} class="group rounded -mx-2 -my-0.5 px-2 py-0.5 hover:bg-theme-dim"> <a href={~p"/n/#{note.slug}"} class="rounded -mx-2 -my-0.5 px-2 py-0.5 hover:bg-theme-primary/10 transition">
<span class="text-theme-heading text-lg font-semibold leading-8 group-hover:text-theme-heading/75"><%= note.name %></span> <span class="text-theme-heading text-lg font-semibold leading-8"><%= note.name %></span>
<span class="text-theme-muted text-sm group-hover:text-theme-muted/75"><%= pretty_date(note.published_at) %></span> <span class="text-theme-base text-sm"><%= pretty_date(note.published_at) %></span>
</a> </a>
<% end %> <% end %>
</div> </div>