inhji/chiya
inhji/chiya
1
1
Fork 0
Code Issues 8 Pull requests 9 Activity

prevent channel links from overlapping

Browse source
This commit is contained in:
inhji 2023-05-23 09:55:25 +02:00
parent 855868f062
commit cb756fad5a
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
lib/chiya_web/controllers/page_html/home.html.heex
View file

@ -10,13 +10,13 @@
<section class="mx-auto max-w-xl mt-8 text-sm"> <section class="mx-auto max-w-xl mt-8 text-sm">
<ul class="flex flex-wrap gap-3"> <ul class="flex flex-wrap gap-3">
<li> <li>
<a href="#" class="text-theme-base px-3 py-2.5 hover:bg-theme-background1 rounded transition font-semibold"> <a href="#" class="inline-block text-theme-base px-3 py-2.5 hover:bg-theme-background1 rounded transition font-semibold">
<.icon name="hero-megaphone" /> <.icon name="hero-megaphone" />
</a> </a>
</li> </li>
<%= for channel <- @channels do %> <%= for channel <- @channels do %>
<li> <li>
<a href={~p"/c/#{channel.slug}"} class="text-theme-base px-3 py-2.5 border border-theme-background1 hover:bg-theme-background1 rounded transition font-semibold"> <a href={~p"/c/#{channel.slug}"} class="inline-block text-theme-base px-3 py-2.5 border border-theme-background1 hover:bg-theme-background1 rounded transition font-semibold">
<%= channel.name %> <%= channel.name %>
</a> </a>
</li> </li>