mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-08-09 15:35:22 +02:00
849c58dd3e
* Add geist font * Design system css file * Add cursor ui/ux rules * Add shadows and shadow borders * Replace primitives with tokens for common text and backgrounds * Organize css * Update switch and checkbox class names * Add back global color variables
42 lines
1.6 KiB
Text
42 lines
1.6 KiB
Text
<%# locals: (account:, title: nil, subtitle: nil) %>
|
|
|
|
<header class="space-y-4">
|
|
<div class="flex items-center gap-4">
|
|
<% content = yield %>
|
|
|
|
<% if content.present? %>
|
|
<%= content %>
|
|
<% else %>
|
|
<div class="flex items-center gap-3 overflow-hidden">
|
|
<%= render "accounts/logo", account: account %>
|
|
|
|
<div class="truncate">
|
|
<h2 class="font-medium text-xl truncate"><%= title || account.name %></h2>
|
|
<% if subtitle.present? %>
|
|
<p class="text-sm text-secondary"><%= subtitle %></p>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
|
|
<div class="flex items-center gap-3 ml-auto">
|
|
<% if account.plaid_account_id.present? %>
|
|
<% if Rails.env.development? %>
|
|
<%= button_to sync_plaid_item_path(account.plaid_account.plaid_item), disabled: account.syncing?, data: { turbo: false }, class: "flex items-center gap-2", title: "Sync Account" do %>
|
|
<%= lucide_icon "refresh-cw", class: "w-4 h-4 text-secondary hover:text-subdued" %>
|
|
<% end %>
|
|
<% end %>
|
|
<% else %>
|
|
<%= button_to sync_account_path(account), disabled: account.syncing?, data: { turbo: false }, class: "flex items-center gap-2", title: "Sync Account" do %>
|
|
<%= lucide_icon "refresh-cw", class: "w-4 h-4 text-secondary hover:text-subdued" %>
|
|
<% end %>
|
|
<% end %>
|
|
|
|
<%= render "accounts/show/menu", account: account %>
|
|
</div>
|
|
</div>
|
|
|
|
<% if account.highest_priority_issue %>
|
|
<%= render partial: "issues/issue", locals: { issue: account.highest_priority_issue } %>
|
|
<% end %>
|
|
</header>
|