Fix footer on mobile

This commit is contained in:
Claudio Ortolina
2024-11-27 23:45:47 +00:00
parent 9f6791909d
commit 452a6a3f5b
@@ -38,8 +38,8 @@
<%= @inner_content %>
<footer>
<div class="mx-auto max-w-7xl px-6 pb-8 lg:px-8">
<div class="mt-8 border-t border-zinc-900/10 dark:border-white/10 pt-8 md:flex md:items-center md:justify-between">
<div class="flex gap-x-6 md:order-2">
<div class="mt-8 border-t border-zinc-900/10 dark:border-white/10 pt-8 flex items-center justify-between">
<div class="flex gap-x-6 order-2">
<a
href="https://github.com/cloud8421/music_library"
class="text-zinc-600 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-zinc-300"
@@ -54,8 +54,8 @@
</svg>
</a>
</div>
<p class="mt-8 text-sm/6 text-zinc-600 dark:text-zinc-400 md:order-1 md:mt-0">
Made by Claudio Ortolina
<p class="text-sm/6 text-zinc-600 dark:text-zinc-400 order-1">
</p>
</div>
</div>