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. // Currently we do not re-query.
return ( 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"> <div className="flex flex-row p-1 gap-4 items-center">
<Image <Image
src={logo} 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> <p className="text-sm font-medium">Results for: {fileMatches.length} files in {searchDurationMs} ms</p>
</div> </div>
<Separator /> <Separator />
</div>
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
{fileMatches.map((match, index) => ( {fileMatches.map((match, index) => (
<FileMatch key={index} match={match} /> <FileMatch key={index} match={match} />