24 lines
791 B
1
<div class="min-h-screen font-mono">
2
<%!-- Header with better mobile responsiveness --%>
3
<header class="px-4 sm:px-6 py-3 bg-white border-b">
4
<div class="max-w-7xl mx-auto">
5
<%!-- Title and reader count --%>
6
<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center">
7
<nav class="mt-4 sm:mt-0 flex flex-col sm:flex-row gap-4 sm:gap-6 text-sm">
8
<.link navigate="/post/whats-my-schtick" class="hover:text-blue-600 transition-colors">
9
What's My Schtick?
10
</.link>
11
</nav>
12
</div>
13
</div>
14
</header>
15
16
<%!-- Main content --%>
17
<main class="px-4 py-6 sm:px-6">
18
<div class="max-w-7xl mx-auto">
19
{@inner_content}
20
</div>
21
</main>
22
23
<%!-- Mobile-only random posts section --%>
24
</div>
25