mirror of
https://github.com/we-promise/sure.git
synced 2026-04-23 22:14:08 +00: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
41 lines
1.4 KiB
Plaintext
41 lines
1.4 KiB
Plaintext
<%# locals: (budget:, previous_budget:, next_budget:, latest_budget:) %>
|
|
|
|
<div class="flex items-center gap-1 mb-4">
|
|
<div class="flex items-center gap-2">
|
|
<% if @previous_budget %>
|
|
<%= link_to budget_path(@previous_budget) do %>
|
|
<%= lucide_icon "chevron-left" %>
|
|
<% end %>
|
|
<% else %>
|
|
<%= lucide_icon "chevron-left", class: "text-subdued" %>
|
|
<% end %>
|
|
|
|
<% if @next_budget %>
|
|
<%= link_to budget_path(@next_budget) do %>
|
|
<%= lucide_icon "chevron-right" %>
|
|
<% end %>
|
|
<% else %>
|
|
<%= lucide_icon "chevron-right", class: "text-subdued" %>
|
|
<% end %>
|
|
</div>
|
|
|
|
<div data-controller="menu" data-menu-placement-value="bottom-start">
|
|
<%= tag.button data: { menu_target: "button" }, class: "flex items-center gap-1 hover:bg-gray-50 rounded-md p-2" do %>
|
|
<span class="text-primary font-medium"><%= @budget.name %></span>
|
|
<%= lucide_icon "chevron-down", class: "w-5 h-5 shrink-0 text-secondary" %>
|
|
<% end %>
|
|
|
|
<div data-menu-target="content" class="hidden z-10">
|
|
<%= render "budgets/picker", family: Current.family, year: Date.current.year %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ml-auto">
|
|
<% if @budget.current? %>
|
|
<span class="border border-secondary text-primary text-sm font-medium px-3 py-2 rounded-lg">Today</span>
|
|
<% else %>
|
|
<%= link_to "Today", budget_path(@latest_budget), class: "btn btn--outline" %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|