Vertically center about page icons with flex align-items

[rails.git] / app / views / site / _about_section.html.erb

diff --git a/app/views/site/_about_section.html.erb b/app/views/site/_about_section.html.erb
new file mode 100644 (file)
index 0000000..ead28f9
--- /dev/null
+++ b/app/views/site/_about_section.html.erb
@@ -0,0 +1,7 @@
+<%= tag.div :class => "section", :id => local_assigns[:id] do %>
+  <div class='d-flex align-items-center gap-2 mb-2'>
+    <div class='flex-shrink-0 icon <%= icon %>'></div>
+    <h2 class='flex-grow-1 mb-0'><%= t "site.about.#{title}_title", :locale => @locale %></h2>
+  </div>
+  <%= yield %>
+<% end %>