mirror of
https://github.com/we-promise/sure.git
synced 2026-05-29 15:34:58 +00:00
ee798aed9e
Two consistency wins from the screenshot/DS audit pass. Sync icon button now renders DS::Button (variant: icon, size: sm) instead of a hand-rolled `button_to`. Same component used by other icon-only actions across the app (settings/profiles, layouts/imports). Visual delta: 28×28 → 32×32 (DS sm size). Accept the +4px for consistency. `event.stopPropagation()` still wired via the form opt so the row's <details> doesn't toggle when the user clicks the button. Group heading now follows the established Sure section-label style (`text-xs font-medium text-secondary uppercase`) used by `_settings_nav` and the imports/categories surfaces. The previous sentence-case `text-sm text-primary` was a one-off that didn't match the rest of the app. Locale strings stay sentence-case; uppercase comes from CSS `text-transform`. Tests updated to case-insensitively match the rendered heading text.
13 lines
526 B
Plaintext
13 lines
526 B
Plaintext
<%# locals: (title:, count: nil, description: nil, anchor: nil) %>
|
|
<%= tag.div id: anchor.presence, class: "flex items-baseline justify-between gap-3 mt-5 mb-1.5 px-1" do %>
|
|
<h2 class="text-xs font-medium text-secondary uppercase flex items-baseline gap-2">
|
|
<%= title %>
|
|
<% if count %>
|
|
<span class="text-subdued font-normal normal-case tabular-nums">· <%= count %></span>
|
|
<% end %>
|
|
</h2>
|
|
<% if description.present? %>
|
|
<p class="text-xs text-secondary"><%= description %></p>
|
|
<% end %>
|
|
<% end %>
|