Refactor CSS to use standard Tailwind-style utility classes instead of ad-hoc rules. This eliminates a lot of single-purpose rules for specific UI elements and standardizes margins to be more consistent throughout the site. Utility classes are defined manually on an as-needed basis instead of importing Tailwind as a whole. Naming conventions mostly follow Tailwind's conventions, otherwise they follow Bootstrap. * https://tailwindcss.com/docs/ * https://getbootstrap.com/docs/5.0/utilities/spacing/
13 lines
486 B
Plaintext
13 lines
486 B
Plaintext
<%# path, tags %>
|
|
|
|
<section id="search-box">
|
|
<h2>Search</h2>
|
|
<%= form_tag(path, method: "get", id: "search-box-form", class: "flex") do %>
|
|
<% if params[:random] %>
|
|
<%= hidden_field_tag :random, params[:random] %>
|
|
<% end %>
|
|
<%= text_field_tag("tags", tags, :id => tags_dom_id, :class => "flex-auto", :"data-shortcut" => "q", :"data-autocomplete" => "tag-query") %>
|
|
<button id="search-box-submit" type="submit"><%= search_icon %></button>
|
|
<% end %>
|
|
</section>
|