fix header on top of screen

This commit is contained in:
bkellam 2024-08-24 22:09:31 -07:00
parent 898b329fc9
commit ebb68146bc

View file

@ -58,7 +58,8 @@ export default function Home() {
// Currently we do not re-query.
return (
<main className="flex h-screen flex-col">
<main className="flex flex-col">
<div className="sticky top-0 left-0 right-0 bg-white z-10">
<div className="flex flex-row p-1 gap-4 items-center">
<Image
src={logo}
@ -88,6 +89,7 @@ export default function Home() {
<p className="text-sm font-medium">Results for: {fileMatches.length} files in {searchDurationMs} ms</p>
</div>
<Separator />
</div>
<div className="flex flex-col gap-2">
{fileMatches.map((match, index) => (
<FileMatch key={index} match={match} />