Docker/Maybe
Docker/Maybe
1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-08-09 15:35:22 +02:00
Code Issues Releases Activity Actions

Clean up dropdown design to match figma

Browse source
This commit is contained in:
hatz 2025-05-08 09:30:43 -05:00
parent edd048f791
commit aec63c78db
No known key found for this signature in database
1 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
app/views/rules/index.html.erb
View file

@ -39,12 +39,12 @@
<p><%= @rules.count %></p> <p><%= @rules.count %></p>
</div> </div>
<div class="flex items-center gap-1"> <div class="flex items-center gap-1">
<span class="text-secondary pr-2">Sort by:</span> <span class="text-secondary">Sort by:</span>
<%= form_with url: rules_path, method: :get, local: true, class: "flex items-center gap-2", data: { controller: "auto-submit-form" } do |form| %> <%= form_with url: rules_path, method: :get, local: true, class: "flex items-center", data: { controller: "auto-submit-form" } do |form| %>
<%= form.select :sort_by, <%= form.select :sort_by,
options_for_select([["Name", "name"], ["Updated At", "updated_at"]], @sort_by), options_for_select([["Name", "name"], ["Updated At", "updated_at"]], @sort_by),
{}, {},
class: "min-w-[120px] bg-container rounded border-primary cursor-pointer text-primary text-sm w-auto", class: "min-w-[120px] bg-transparent rounded border-none cursor-pointer text-primary uppercase text-xs w-auto",
data: { auto_submit_form_target: "auto", autosubmit_trigger_event: "change" } %> data: { auto_submit_form_target: "auto", autosubmit_trigger_event: "change" } %>
<%= form.hidden_field :direction, value: @direction %> <%= form.hidden_field :direction, value: @direction %>
<% end %> <% end %>
@ -52,6 +52,7 @@
href: rules_path(direction: @direction == "asc" ? "desc" : "asc", sort_by: @sort_by), href: rules_path(direction: @direction == "asc" ? "desc" : "asc", sort_by: @sort_by),
variant: "icon", variant: "icon",
icon: "arrow-up-down", icon: "arrow-up-down",
size: :sm,
title: "Toggle sort direction" title: "Toggle sort direction"
) %> ) %>
</div> </div>