mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-08-07 22:45:20 +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
37 lines
1.1 KiB
Text
37 lines
1.1 KiB
Text
<%# locals: (balance:, holdings:, cash:) %>
|
|
|
|
<div data-controller="tooltip" data-tooltip-placement-value="right" data-tooltip-offset-value=10 data-tooltip-cross-axis-value=50>
|
|
<%= lucide_icon("info", class: "w-4 h-4 shrink-0 text-secondary") %>
|
|
<div role="tooltip" data-tooltip-target="tooltip" class="tooltip bg-gray-700 text-sm p-2 rounded w-64">
|
|
<div class="text-white">
|
|
<%= t(".total_value_tooltip") %>
|
|
</div>
|
|
<div class="flex pt-3">
|
|
<div class="text-gray-300">
|
|
<%= t(".cash") %>
|
|
</div>
|
|
<div class="text-white ml-auto">
|
|
<%= tag.p format_money(cash, precision: 0) %>
|
|
</div>
|
|
</div>
|
|
<div class="flex">
|
|
<div class="text-gray-300">
|
|
<%= t(".holdings") %>
|
|
</div>
|
|
<div class="text-white ml-auto">
|
|
<%= tag.p format_money(holdings, precision: 0) %>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="my-2 border-gray-500">
|
|
|
|
<div class="flex">
|
|
<div class="text-gray-300">
|
|
<%= t(".total") %>
|
|
</div>
|
|
<div class="text-white font-bold ml-auto">
|
|
<%= tag.p format_money(balance, precision: 0) %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|