mirror of
https://github.com/we-promise/sure.git
synced 2026-05-29 07:24:55 +00:00
313ab83352
- Icons were rendering at 20px because the application_helper's `icon` default size (`md` = w-5 h-5) was beating the inline class override in compiled CSS source order. Pass `size: "sm"` and use the project's `!w-3.5 !h-3.5` important-prefix pattern (precedent: dashboard.html.erb) so chevron, refresh-cw, search, check, circle-alert, and arrow-right all render at the design's 14px. - Search input was 54px tall because @tailwindcss/forms applies `padding: 8px 12px` to bare `<input type="search">`. Override with `!p-0 focus:ring-0 focus:shadow-none` so the wrapping div's padding alone defines the box (38px total — matches the design).
13 lines
852 B
Plaintext
13 lines
852 B
Plaintext
<%# locals: (provider_key:, last_synced_at: nil) %>
|
|
<% recently_synced = last_synced_at.present? && last_synced_at > 60.seconds.ago %>
|
|
<% button_label = recently_synced ? t("settings.providers.recently_synced") : t("settings.providers.sync_provider") %>
|
|
<%= button_to sync_provider_settings_providers_path(provider_key: provider_key),
|
|
method: :post,
|
|
disabled: recently_synced,
|
|
title: button_label,
|
|
aria: { label: button_label },
|
|
class: "inline-flex items-center justify-center w-7 h-7 rounded-md text-secondary hover:text-primary hover:bg-alpha-black-50 transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
|
|
form: { onclick: "event.stopPropagation()", class: "inline-flex" } do %>
|
|
<%= icon "refresh-cw", size: "sm", class: "!w-3.5 !h-3.5" %>
|
|
<% end %>
|