Docker/Maybe
Docker/Maybe
1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-08-05 21:45:23 +02:00
Code Issues Releases Activity Actions

Add transitions to buttons and other common design system elements (#1924)

Browse source
This commit is contained in:
Zach Gollwitzer 2025-02-28 09:29:07 -05:00 • committed by GitHub
parent d6793dec05
commit 882857fcf0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 34 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

4
app/views/account/transactions/bulk_edit.html.erb
View file

@ -49,12 +49,12 @@
</div>
<div class="flex justify-end items-center gap-2">
<%= link_to t(".cancel"), transactions_path, class: "text-sm font-medium text-primary px-3 py-2" %>
<%= link_to t(".cancel"), transactions_path, class: "btn btn--ghost" %>
<%= tag.button t(".save"),
type: "button",
data: { "bulk-select-scope-param": "bulk_update", action: "bulk-select#submitBulkRequest" },
class: "px-3 py-2 bg-gray-900 text-white text-sm font-medium rounded-lg" %>
class: "btn btn--primary" %>
</div>
</div>
<% end %>

2
app/views/account/transactions/show.html.erb
View file

@ -81,7 +81,7 @@
label: t(".tags_label"),
container_class: "h-40"
},
{ "data-auto-submit-form-target": "auto", class: "overflow-y-auto border-none" } %>
{ "data-auto-submit-form-target": "auto" } %>
<% end %>
<% end %>

2
app/views/budgets/_picker.html.erb
View file

@ -38,7 +38,7 @@
<% param_key = Budget.date_to_param(date) %>
<% if Budget.budget_date_valid?(date, family: family) %>
<%= link_to month_name, budget_path(param_key), data: { turbo_frame: "_top" }, class: "block px-3 py-2 text-sm text-primary hover:bg-gray-100 rounded-md" %>
<%= link_to month_name, budget_path(param_key), data: { turbo_frame: "_top" }, class: "btn btn--ghost" %>
<% else %>
<span class="px-3 py-2 text-subdued rounded-md"><%= month_name %></span>
<% end %>

2
app/views/mfa/new.html.erb
View file

@ -57,7 +57,7 @@
placeholder: t(".code_placeholder") %>
<div class="flex justify-end mt-4">
<%= f.submit t(".verify_button"), class: "bg-gray-900 hover:bg-gray-700 cursor-pointer text-white rounded-lg px-3 py-2" %>
<%= f.submit t(".verify_button"), class: "btn btn--primary" %>
</div>
</div>
<% end %>

6
app/views/settings/profiles/show.html.erb
View file

@ -16,7 +16,7 @@
<%= form.text_field :last_name, placeholder: t(".last_name"), label: t(".last_name") %>
</div>
<div class="flex justify-end mt-4">
<%= form.submit t(".save"), class: "bg-gray-900 hover:bg-gray-700 cursor-pointer text-white rounded-lg px-3 py-2" %>
<%= form.submit t(".save"), class: "btn btn--primary" %>
</div>
</div>
<% end %>
@ -136,7 +136,7 @@
</div>
<%=
button_to t(".reset_account"), reset_user_path(@user), method: :delete,
class: "bg-orange-500 text-white text-sm font-medium rounded-lg px-4 py-2",
class: "btn btn--destructive",
data: { turbo_confirm: {
title: t(".confirm_reset.title"),
body: t(".confirm_reset.body"),
@ -153,7 +153,7 @@
</div>
<%=
button_to t(".delete_account"), user_path(@user), method: :delete,
class: "bg-red-500 text-white text-sm font-medium rounded-lg px-3 py-2",
class: "btn btn--destructive",
data: { turbo_confirm: {
title: t(".confirm_delete.title"),
body: t(".confirm_delete.body"),

2
app/views/transactions/_header.html.erb
View file

@ -16,7 +16,7 @@
<p class="text-sm font-medium text-primary"><%= t(".import") %></p>
<% end %>
<%= link_to new_account_transaction_path, class: "rounded-lg bg-gray-900 text-white flex items-center gap-1 justify-center hover:bg-gray-700 px-3 py-2", data: { turbo_frame: :modal } do %>
<%= link_to new_account_transaction_path, class: "btn btn--primary flex items-center gap-2", data: { turbo_frame: :modal } do %>
<%= lucide_icon("plus", class: "w-5 h-5") %>
<p class="text-sm font-medium">New transaction</p>
<% end %>