zephyr/horse
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

zenno: better mobile nav

Browse Source
This commit is contained in:
Branden J Brown
2026-03-30 10:13:17 -04:00
parent d04544030a
commit cc3128d65a
2 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
zenno/src/routes/+layout.svelte
View File

@@ -8,20 +8,21 @@
<svelte:head><link rel="icon" href={favicon} /></svelte:head>
<nav class="flex min-w-full p-4 mb-4 shadow-md">
<span class="flex-1">
<span class="hidden md:inline flex-1">
<a href="/" class="text-7xl">Zenno Rob Roy</a>
</span>
<span class="flex-1 text-right">
<a href="/inherit" class="mx-8">Inheritance Chance</a>
<a href="/spark" class="mx-8">Spark Generation Chance</a>
<a href="/vet" class="mx-8">My Veterans</a>
<a href="/convo" class="mx-8">Lobby Conversations</a>
<span class="flex-1 text-center">
<a href="/" class="md:hidden block mx-8 my-1 font-semibold">Zenno Rob Roy</a>
<a href="/inherit" class="inline-block mx-8 my-1">Inheritance Chance</a>
<a href="/spark" class="inline-block mx-8 my-1">Spark Chance</a>
<a href="/vet" class="inline-block mx-8 my-1">My Veterans</a>
<a href="/convo" class="inline-block mx-8 my-1">Lobby Conversations</a>
</span>
</nav>
<div class="min-w-7xl max-w-7xl m-auto">
<div class="md:min-w-7xl md:max-w-7xl md:m-auto">
{@render children()}
</div>
<footer class="absolute p-4 inset-x-0 bottom-0 border-t text-center text-[14px]">
<footer class="p-4 mt-32 inset-x-0 bottom-0 border-t text-center text-[14px]">
Umamusume: Pretty Derby tools by <a href="https://zephyrtronium.date/">zephyrtronium</a>.<br>
All data is generated from the game's local database.
</footer>

4
zenno/src/routes/layout.css
View File

@@ -1,2 +1,6 @@
@import 'tailwindcss';
@import './sakura-vars.css';
@theme {
--text-sm: 1.25rem;
}