Use smaller action size on mobile

2025-07-21 16:30:56 -05:00
parent 7315a94872
commit ed0492e2f4
2 changed files with 10 additions and 1 deletions
@@ -1,4 +1,13 @@
@layer components {
+  /* Events header
+  /* ------------------------------------------------------------------------ */
+
+  .header.events-header {
+    @media (min-width: 640px) {
+      --header-actions-width: 7rem;
+    }
+  }
+
  /* Event column layout
  /* ------------------------------------------------------------------------ */

@@ -8,7 +8,7 @@
  </nav>
 <% end %>

-<header class="header margin-block-end" style="--header-button-count: 3;">
+<header class="events-header header margin-block-end">
  <div class="header__actions header__actions--start">
    <% if collection = @filter.single_collection || Current.user.collections.ordered_by_recently_accessed.first %>
      <%= button_to collection_cards_path(collection), method: :post, class: "btn btn--link btn--circle-mobile" do %>