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 %> <%= @inner_content %>
<footer> <footer>
<div class="mx-auto max-w-7xl px-6 pb-8 lg:px-8"> <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="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 md:order-2"> <div class="flex gap-x-6 order-2">
<a <a
href="https://github.com/cloud8421/music_library" href="https://github.com/cloud8421/music_library"
class="text-zinc-600 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-zinc-300" class="text-zinc-600 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-zinc-300"
@@ -54,8 +54,8 @@
</svg> </svg>
</a> </a>
</div> </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 Made by Claudio Ortolina
<p class="text-sm/6 text-zinc-600 dark:text-zinc-400 order-1">
</p> </p>
</div> </div>
</div> </div>