External/CoreControl
1
0
Fork 0
mirror of https://github.com/crocofied/CoreControl.git synced 2025-12-24 19:07:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

breadcrumnbs sticky top

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/Breadcrumbs.tsx
View File

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

4
components/Sidebar.tsx
View File

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