style: update wiki data badge layout

- Wrap badge content in a div for better layout.
- Maintain existing functionality and styling while improving structure.

This change enhances the HTML structure of the wiki data badge by
encapsulating the link in a div element, which aids in layout
management without altering the way the component functions or
displays.
This commit is contained in:
songtianlun 2025-04-02 15:25:46 +08:00
parent 025ee0d06a
commit ddc10e9679

View File

@ -1,12 +1,14 @@
<% if city.wiki_data_id.present? %>
<%= link_to "https://www.wikidata.org/wiki/#{city.wiki_data_id}",
target: "_blank",
rel: "noopener noreferrer",
class: "badge badge-lg badge-outline badge-info gap-2",
data: { controller: "tooltip", tooltip_target: "tooltip", tooltip_content: "View on WikiData" } do %>
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<%= t("text.wiki_data") %>
<% end %>
<div class="badge badge-lg badge-ghost">
<%= link_to "https://www.wikidata.org/wiki/#{city.wiki_data_id}",
target: "_blank",
rel: "noopener noreferrer",
class: "badge badge-lg badge-outline badge-info gap-2",
data: { controller: "tooltip", tooltip_target: "tooltip", tooltip_content: "View on WikiData" } do %>
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<%= t("text.wiki_data") %>
<% end %>
</div>
<% end %>