mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-07-18 20:59:39 +02:00
65e1bc6edd
* WIP * WIP * WIP * WIP * WIP * WIP * WIP * format * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * fix conflict * fix conflict * chore: run rubocop * fix test * update PWA logo * fix tests * chore: lint * fix test * Refactor: Remove duplicate data attribute in activity partial and add chat form rendering in chats index --------- Co-authored-by: Josh Pigford <josh@joshpigford.com>
44 lines
1.7 KiB
Text
44 lines
1.7 KiB
Text
<%# locals: path, direction, title %>
|
|
<%= link_to path, class: "hidden md:flex w-full bg-container hover:bg-container-inset rounded-xl border border-alpha-black-25 shadow-xs p-4 items-center justify-between" do %>
|
|
<% if direction == 'previous' %>
|
|
<div class="w-5 h-5 text-secondary">
|
|
<%= lucide_icon("arrow-left") %>
|
|
</div>
|
|
<% end %>
|
|
<div class="<%= "grow" if direction == "next" %> <%= "text-right" if direction == "previous" %>">
|
|
<span class="block text-sm text-secondary"><%= t(".#{direction}") %></span>
|
|
<span class="block text-sm font-medium text-primary"><%= title %></span>
|
|
</div>
|
|
<% if direction == 'next' %>
|
|
<div class="w-5 h-5 text-secondary">
|
|
<%= lucide_icon("arrow-right") %>
|
|
</div>
|
|
<% end %>
|
|
<% end %>
|
|
|
|
<%# Mobile version %>
|
|
<%= link_to path, class: "md:hidden w-full bg-container hover:bg-container-inset rounded-xl border border-alpha-black-25 shadow-xs py-3 px-4" do %>
|
|
<div class="flex items-center justify-between">
|
|
<% if direction == 'previous' %>
|
|
<div class="flex items-center gap-3">
|
|
<div class="w-5 h-5 text-secondary">
|
|
<%= lucide_icon("arrow-left") %>
|
|
</div>
|
|
<span class="text-sm text-secondary">Back</span>
|
|
</div>
|
|
<div>
|
|
<span class="text-sm font-medium text-primary"><%= title %></span>
|
|
</div>
|
|
<% else %>
|
|
<div>
|
|
<span class="text-sm text-secondary">Next</span>
|
|
</div>
|
|
<div class="flex items-center gap-3">
|
|
<span class="text-sm font-medium text-primary"><%= title %></span>
|
|
<div class="w-5 h-5 text-secondary">
|
|
<%= lucide_icon("arrow-right") %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|