make navbar align with the page contents
All checks were successful
Deploy Website / deploy (push) Successful in 4m51s

This commit is contained in:
Lee 2024-10-09 17:36:33 +01:00
parent 5be22493fa
commit be28191005
2 changed files with 3 additions and 3 deletions

@ -46,8 +46,8 @@ export default function Navbar() {
const leftItems = items.filter(item => item.align === "left"); const leftItems = items.filter(item => item.align === "left");
return ( return (
<div className="w-full sticky top-0 z-[999]"> <div className="w-full sticky top-0 z-[999] h-10 items-center flex justify-between bg-secondary/95 px-1">
<div className="h-10 items-center flex justify-between bg-secondary/95 px-1"> <div className="md:max-w-[1600px] w-full flex justify-between m-auto">
{/* Left-aligned items */} {/* Left-aligned items */}
<div className="flex items-center h-full"> <div className="flex items-center h-full">
<ProfileButton /> <ProfileButton />

@ -26,7 +26,7 @@ export default function ScoreRankInfo({ score }: Props) {
</p> </p>
} }
> >
<p className="text-sm cursor-default">{timeAgo(new Date(score.timeSet))}</p> <p className="text-sm cursor-default select-none">{timeAgo(new Date(score.timeSet))}</p>
</Tooltip> </Tooltip>
</div> </div>
); );