Skip to content

Commit

Permalink
fix responsive footer
Browse files Browse the repository at this point in the history
  • Loading branch information
adrienpoly committed Aug 27, 2023
1 parent 167e14d commit 4b42618
Show file tree
Hide file tree
Showing 2 changed files with 18 additions and 20 deletions.
2 changes: 1 addition & 1 deletion app/assets/images/icons/heroicons/solid/heart.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
36 changes: 17 additions & 19 deletions app/views/shared/_footer.html.erb
Original file line number Diff line number Diff line change
@@ -1,23 +1,21 @@
<footer class="bg-white">
<div class="mx-auto max-w-7xl overflow-hidden px-6 py-20 sm:py-24 lg:px-8">
<div class="-mb-6 columns-2 sm:flex sm:justify-center sm:space-x-12" aria-label="Footer">
<div class="pb-6">
<%= link_to "Status", "https://status.rubyvideo.dev/", target: "_blank", class: "link" %>
</div>
<div class="pb-6">
<%= link_to "Open analytics", analytics_dashboards_path, class: "link" %>
</div>
<div class="pb-6">
<%= link_to "Uses", uses_path, class: "link" %>
</div>
</div>
<div class="mt-6 text-center leading-5 text-gray flex items-center justify-center gap-1">
Made with
<%= heroicon :heart, variant: :solid, size: :sm, class: "text-brand" %>
for the ruby community by
<%= link_to "@adrienpoly", "https://twitter.com/adrienpoly", target: "_blank", class: "link" %>
and wonderful
<%= link_to "contributors", "https://github.com/adrienpoly/rubyvideo/graphs/contributors", target: "_blank", class: "link" %>
<div class="flex flex-col justify-center max-w-7xl mx-auto overflow-hidden px-6 py-20 sm:py-24 lg:px-8">
<div class="flex justify-center items-center flex-wrap gap-4 sm:gap-8" aria-label="Footer">
<%= link_to "Status", "https://status.rubyvideo.dev/", target: "_blank", class: "link" %>
<%= link_to "Open analytics", analytics_dashboards_path, class: "link" %>
<%= link_to "Uses", uses_path, class: "link" %>
</div>
<p class="mt-6 text-center text-gray inline leading-relaxed">
<% output = []
output << "Made with"
output << heroicon(:heart, variant: :solid, size: :sm, class: "text-brand inline")
output << "for the Ruby community by"
output << link_to("@adrienpoly", "https://twitter.com/adrienpoly", target: "_blank", class: "link")
output << "and wonderful"
output << link_to("contributors", "https://github.com/adrienpoly/rubyvideo/graphs/contributors", target: "_blank", class: "link")
output << "using an"
output << link_to("edge stack.", uses_path, class: "link") %>
<%= sanitize(output.join(" ")) %>
</p>
</div>
</footer>

0 comments on commit 4b42618

Please sign in to comment.