breadcrumnbs sticky top

This commit is contained in:
headlesdev 2025-05-17 21:12:02 +02:00
parent 654ea94bd0
commit bfbc1f4e59
2 changed files with 4 additions and 4 deletions

View File

@ -5,8 +5,8 @@ interface BreadcrumbsProps {
export default function Breadcrumbs({ breadcrumbPath = ['Home'] }: BreadcrumbsProps) {
return(
<div className="w-full">
<div className="breadcrumbs text-sm bg-base-200 pb-6">
<div className="w-full z-10 relative md:sticky md:top-0">
<div className="breadcrumbs text-sm bg-base-200 pb-6 md:shadow-md">
<ul className="pl-4 pt-4">
{breadcrumbPath.map((item, index) => (
<li key={index}>

View File

@ -178,9 +178,9 @@ export default function Sidebar({ children, username, fullName, breadcrumbPath }
</aside>
{/* Main content */}
<main className="flex-1 overflow-auto">
<main className="flex-1 flex flex-col">
<Breadcrumbs breadcrumbPath={breadcrumbPath} />
<div className="p-8 ">
<div className="p-8 overflow-auto flex-1">
{children}
</div>
</main>