nicer pagination
This commit is contained in:
@ -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
|
||||||
|
Reference in New Issue
Block a user