nicer pagination

This commit is contained in:
2024-08-12 16:52:26 +02:00
parent 6d64449c1b
commit 256c883488

View File

@ -69,10 +69,10 @@ defmodule SomethingErlangWeb.ThreadLive do
~H""" ~H"""
<div class="navbar my-4 bg-base-200"> <div class="navbar my-4 bg-base-200">
<div class="flex-1"></div> <div class="flex-1"></div>
<div class="pagination flex-none btn-group grid grid-cols-5"> <div class="pagination join">
<%= for btn <- buttons(@thread) do %> <%= for btn <- buttons(@thread) do %>
<.link <.link
class={["btn btn-sm btn-ghost", btn.special]} class={["btn btn-sm btn-ghost join-item", btn.special]}
navigate={~p"/thread/#{@thread.id}?page=#{btn.page}"} navigate={~p"/thread/#{@thread.id}?page=#{btn.page}"}
> >
<.label_button label={btn.label} page={btn.page} /> <.label_button label={btn.label} page={btn.page} />
@ -86,8 +86,8 @@ defmodule SomethingErlangWeb.ThreadLive do
defp label_button(%{label: label} = assigns) do defp label_button(%{label: label} = assigns) do
case label do case label do
"«" -> ~H{<.icon name="hero-chevron-double-left-mini" /><%= @page %>} "«" -> ~H{<.icon name="hero-chevron-double-left-mini" /><%= @page %>}
"" -> ~H{<.icon name="hero-chevron-left-mini" /><%= @page %>} "" -> ~H{<.icon name="hero-chevron-left-mini" />}
"" -> ~H{<%= @page %><.icon name="hero-chevron-right-mini" />} "" -> ~H{<.icon name="hero-chevron-right-mini" />}
"»" -> ~H{<%= @page %><.icon name="hero-chevron-double-right-mini" />} "»" -> ~H{<%= @page %><.icon name="hero-chevron-double-right-mini" />}
_ -> ~H{<%= @page %>} _ -> ~H{<%= @page %>}
end end