1e80540a04
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/
51 lines
1.6 KiB
Plaintext
51 lines
1.6 KiB
Plaintext
<%# source %>
|
|
|
|
<div id="source-info" class="p-4 mb-4">
|
|
<%= link_to "Fetch source data", source_path, id: "fetch-data-manual" %>
|
|
<%= spinner_icon(id: "source-info-loading") %>
|
|
|
|
<% if @source.present? %>
|
|
<dl id="source-info-content">
|
|
<div id="source-info-artist">
|
|
<dt>Artist</dt>
|
|
<dd>
|
|
<% if @source.artist_name.blank? %>
|
|
<em>None</em>
|
|
<% else %>
|
|
<%= external_link_to @source.profile_url, @source.artist_name, id: "source-info-artist-profile" %>
|
|
|
|
<% if @source.artists.empty? %>
|
|
(<%= link_to "Create new artist", new_artist_path(artist: { source: @source.canonical_url }), id: "source-info-create-new-artist" %>)
|
|
<% else %>
|
|
(<ul id="source-info-translated-artists">
|
|
<% @source.artists.each do |artist| %>
|
|
<li><%= link_to artist.name, artist_path(artist), class: tag_class(artist.tag) %></li>
|
|
<% end %>
|
|
</ul>)
|
|
<% end %>
|
|
<% end %>
|
|
</dd>
|
|
</div>
|
|
|
|
<div id="source-info-tags">
|
|
<dt>Tags</dt>
|
|
<dd>
|
|
<% if @source.tags.empty? %>
|
|
<em>None</em>
|
|
<% else %>
|
|
<ul>
|
|
<% @source.tags.each do |tag, href| %>
|
|
<li><%= external_link_to href, tag %></li>
|
|
<% end %>
|
|
</ul>
|
|
|
|
<% if @source.image_urls.length > 1 %>
|
|
<p id="source-info-gallery-warning">Gallery. Tags may not apply to all images.</p>
|
|
<% end %>
|
|
<% end %>
|
|
</dd>
|
|
</li>
|
|
</dl>
|
|
<% end %>
|
|
</div>
|