See the best posts from any Bluesky account
Add persistent page header with heart logo and search input for quick re-search
Every page except the landing page now shows a red heart + "skystar" home link
and a compact search field at the top, so users can look up another handle
without navigating back to the landing page first.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
+23
-1
+22
resources/views/components/layout.edge
+22
resources/views/components/layout.edge
···
20
20
</head>
21
21
<body class="font-sans text-base leading-normal text-gray-900 bg-gray-50">
22
22
<div class="max-w-[680px] mx-auto px-4">
23
+
@if(!$props.has('hideHeader'))
24
+
<div class="flex items-center justify-between pt-6 pb-4">
25
+
<a href="/" class="flex items-center gap-1.5 text-gray-900 no-underline hover:opacity-70">
26
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-5 text-red-500">
27
+
<path d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z" />
28
+
</svg>
29
+
<span class="font-semibold text-sm">skystar</span>
30
+
</a>
31
+
<form action="/search" method="GET" class="flex gap-1.5">
32
+
<input
33
+
type="text"
34
+
name="q"
35
+
placeholder="@handle"
36
+
class="w-44 px-2.5 py-1.5 text-sm border border-gray-300 rounded-md outline-none focus:border-blue-500"
37
+
/>
38
+
<button
39
+
type="submit"
40
+
class="px-3 py-1.5 text-sm bg-blue-600 text-white border-none rounded-md cursor-pointer hover:bg-blue-700"
41
+
>Go</button>
42
+
</form>
43
+
</div>
44
+
@endif
23
45
{{{ await $slots.main() }}}
24
46
<footer class="mt-12 py-6 border-t border-gray-200 text-[13px] text-gray-400 text-center">
25
47
<a href="/" class="text-blue-600 hover:underline">skystar.social</a> ·