4 - Fix mobile layout of header and footer
All checks were successful
Build and Push Docker Image / build (push) Successful in 9m4s

This commit is contained in:
myrmidex 2026-08-23 21:37:57 +02:00
parent f267bac8e1
commit 24fa771d39

View file

@ -17,7 +17,7 @@
</head> </head>
<body class="bg-black antialiased min-h-screen flex flex-col items-center p-6 lg:p-8"> <body class="bg-black antialiased min-h-screen flex flex-col items-center p-6 lg:p-8">
<main class="w-full max-w-2xl"> <main class="w-full max-w-2xl">
<h1 class="text-primary font-mono text-5xl font-bold uppercase tracking-widest glow-red-text mb-8"> <h1 class="text-primary font-mono text-3xl sm:text-5xl lg:text-6xl font-bold uppercase tracking-wider lg:tracking-widest glow-red-text mb-6 lg:mb-8">
&gt; Anagram Finder &gt; Anagram Finder
</h1> </h1>
@ -49,16 +49,13 @@
@endisset @endisset
</main> </main>
<footer class="w-full max-w-2xl mt-12 pt-4 border-t border-bordeaux flex flex-wrap items-center justify-between gap-2 font-mono text-xs uppercase tracking-wider text-primary/40"> <footer class="w-full max-w-2xl mt-auto pt-4 -mb-6 lg:-mb-8 pb-4 border-t border-bordeaux text-center font-mono text-[0.65rem] sm:text-xs uppercase tracking-wider text-primary/40">
<span> <span>
{{ config('app.name', 'Anagram Finder') }} {{ config('app.version') }} <a href="https://forge.lvl0.xyz/anagram-finder/web" target="_blank" rel="license noopener noreferrer" class="hover:text-primary transition-colors">{{ config('app.name', 'Anagram Finder') }}</a>
{{ config('app.version') }}
<span class="text-primary/25 px-1">|</span> <span class="text-primary/25 px-1">|</span>
a <a href="https://lvl0.xyz" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition-colors">lvl0</a> project a <a href="https://lvl0.xyz" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition-colors">lvl0</a> project
</span> </span>
<a href="https://forge.lvl0.xyz/anagram-finder/web" target="_blank" rel="license noopener noreferrer" class="hover:text-primary transition-colors">
[SOURCE]
</a>
</footer> </footer>
</body> </body>