mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-08-09 07:25:19 +02:00
feature(dark mode): misc design fixes (#2215)
* Fix category dark mode styles * Fix sidebar account tab states * Fix dashboard balance sheet group styles * Fix budget dark mode styles * Fix chart gradient split * Fix prose styles in dark mode * Add back chat nav id for tests
This commit is contained in:
parent
c26a7dd2dd
commit
fb7107d614
27 changed files with 254 additions and 174 deletions
|
@ -1,5 +1,5 @@
|
|||
<%# locals: (totals:) %>
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 bg-container rounded-xl shadow-border-xs md:divide-x divide-y md:divide-y-0 divide-alpha-black-100">
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 bg-container rounded-xl shadow-border-xs md:divide-x divide-y md:divide-y-0 divide-alpha-black-100 theme-dark:divide-alpha-white-200">
|
||||
<div class="p-4 space-y-2">
|
||||
<p class="text-sm text-secondary">Total transactions</p>
|
||||
<p class="text-primary font-medium text-xl" id="total-transactions"><%= totals.transactions_count.round(0) %></p>
|
||||
|
|
|
@ -3,10 +3,10 @@
|
|||
<div id="<%= dom_id(transaction, "transfer_match") %>" class="flex items-center gap-1">
|
||||
<% if transaction.transfer.confirmed? %>
|
||||
<span title="<%= transaction.transfer.payment? ? "Payment" : "Transfer" %> is confirmed">
|
||||
<%= icon "link-2", size: "sm", class: "text-indigo-600" %>
|
||||
<%= icon "link-2", size: "sm", class: "text-secondary" %>
|
||||
</span>
|
||||
<% elsif transaction.transfer.pending? %>
|
||||
<span class="inline-flex items-center rounded-full bg-indigo-50 px-2 py-0.5 text-xs font-medium text-indigo-700">
|
||||
<span class="inline-flex items-center rounded-full bg-surface-inset px-2 py-0.5 text-xs font-medium text-secondary">
|
||||
Auto-matched
|
||||
</span>
|
||||
|
||||
|
@ -14,7 +14,7 @@
|
|||
method: :patch,
|
||||
class: "text-secondary hover:text-gray-800 flex items-center justify-center cursor-pointer",
|
||||
title: "Confirm match" do %>
|
||||
<%= icon "check", size: "sm", class: "text-indigo-400 hover:text-indigo-600" %>
|
||||
<%= icon "check", size: "sm", class: "text-secondary hover:text-primary" %>
|
||||
<% end %>
|
||||
|
||||
<%= button_to transfer_path(transaction.transfer, transfer: { status: "rejected" }),
|
||||
|
@ -22,7 +22,7 @@
|
|||
data: { turbo: false },
|
||||
class: "text-secondary hover:text-gray-800 flex items-center justify-center cursor-pointer",
|
||||
title: "Reject match" do %>
|
||||
<%= icon "x", size: "sm", class: "text-subdued hover:text-gray-600" %>
|
||||
<%= icon "x", size: "sm", class: "text-subdued hover:text-primary" %>
|
||||
<% end %>
|
||||
<% end %>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue