1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-08-09 15:35:22 +02:00

fix: ui fixes on mobile activity view

This commit is contained in:
Luan Estradioto 2025-05-21 21:04:01 -03:00
parent 34b3e4ae20
commit 9e3e9ffd87
7 changed files with 10 additions and 10 deletions

View file

@ -70,8 +70,8 @@
data: { action: "bulk-select#togglePageSelection" } %> data: { action: "bulk-select#togglePageSelection" } %>
<p><%= t(".date") %></p> <p><%= t(".date") %></p>
</div> </div>
<%= tag.p t(".amount"), class: "col-span-2 justify-self-end" %> <%= tag.p t(".amount"), class: "col-span-4 md:col-span-2 justify-self-end" %>
<%= tag.p t(".balance"), class: "col-span-2 justify-self-end" %> <%= tag.p t(".balance"), class: "col-span-full md:col-span-2 justify-self-end" %>
</div> </div>
<div> <div>

View file

@ -1,6 +1,6 @@
<%# locals: (account:) %> <%# locals: (account:) %>
<div class="grid grid-cols-3 gap-2"> <div class="grid grid-cols-1 md:grid-cols-3 gap-2">
<%= summary_card title: t(".amount_owed") do %> <%= summary_card title: t(".amount_owed") do %>
<%= format_money(account.balance_money) %> <%= format_money(account.balance_money) %>
<% end %> <% end %>

View file

@ -1,4 +1,4 @@
<div class="fixed bottom-6 z-10 flex items-center justify-between rounded-xl bg-gray-900 px-4 text-sm text-white w-[420px] py-1.5"> <div class="fixed bottom-30 md:bottom-6 z-10 flex items-center justify-between rounded-xl bg-gray-900 px-4 text-sm text-white w-[420px] py-1.5">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<%= check_box_tag "entry_selection", 1, true, class: "checkbox checkbox--dark", data: { action: "bulk-select#deselectAll" } %> <%= check_box_tag "entry_selection", 1, true, class: "checkbox checkbox--dark", data: { action: "bulk-select#deselectAll" } %>

View file

@ -1,6 +1,6 @@
<%# locals: (account:) %> <%# locals: (account:) %>
<div class="grid grid-cols-3 gap-2"> <div class="grid grid-cols-1 md:grid-cols-3 gap-2">
<%= summary_card title: t(".original_principal") do %> <%= summary_card title: t(".original_principal") do %>
<%= format_money account.loan.original_balance %> <%= format_money account.loan.original_balance %>
<% end %> <% end %>

View file

@ -1,6 +1,6 @@
<%# locals: (account:) %> <%# locals: (account:) %>
<div class="grid grid-cols-3 gap-2"> <div class="grid grid-cols-1 md:grid-cols-3 gap-2">
<%= summary_card title: t(".market_value") do %> <%= summary_card title: t(".market_value") do %>
<%= format_money(account.balance_money) %> <%= format_money(account.balance_money) %>
<% end %> <% end %>

View file

@ -25,7 +25,7 @@
</div> </div>
</div> </div>
<div class="col-span-2 justify-self-end font-medium text-sm"> <div class="col-span-4 md:col-span-2 justify-self-end font-medium text-xs md:text-sm">
<% if balance_trend&.trend %> <% if balance_trend&.trend %>
<%= tag.span format_money(balance_trend.trend.value), style: "color: #{balance_trend.trend.color}" %> <%= tag.span format_money(balance_trend.trend.value), style: "color: #{balance_trend.trend.color}" %>
<% else %> <% else %>
@ -33,8 +33,8 @@
<% end %> <% end %>
</div> </div>
<div class="col-span-2 justify-self-end"> <div class="col-span-full md:col-span-2 justify-self-end">
<%= tag.p format_money(entry.amount_money), class: "font-medium text-sm text-primary" %> <%= tag.p format_money(entry.amount_money), class: "font-medium text-xs md:text-sm text-primary" %>
</div> </div>
</div> </div>
<% end %> <% end %>

View file

@ -1,6 +1,6 @@
<%# locals: (account:) %> <%# locals: (account:) %>
<div class="grid grid-cols-3 gap-2"> <div class="grid grid-cols-1 md:grid-cols-3 gap-2">
<%= summary_card title: t(".make_model") do %> <%= summary_card title: t(".make_model") do %>
<%= [account.vehicle.make, account.vehicle.model].compact.join(" ").presence || t(".unknown") %> <%= [account.vehicle.make, account.vehicle.model].compact.join(" ").presence || t(".unknown") %>
<% end %> <% end %>