DigiFi/digifi-office
1
0
Fork 0
Code Issues Pull Requests Releases Activity

dashboard layout updated

Browse Source
This commit is contained in:
victorAnumudu
2025-02-13 09:26:49 +01:00
parent d65380363e
commit e365251543
12 changed files with 79 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/breadcrumb/BreadcrumbCom.jsx
+4 -4
View File
@@ -4,13 +4,13 @@ import { TiHomeOutline } from 'react-icons/ti'
export default function BreadcrumbCom({title, paths}) {
return (
<div className='w-full py-2 flex justify-between items-center'>
<h1 className='text-12 sm:text-lg md:text-2xl text-black-gray font-semibold'>{title}</h1>
<div className='flex gap-2 items-center text-black-gray text-base'>
<h1 className='text-12 sm:text-lg md:text-2xl text-black dark:text-black-gray font-semibold'>{title}</h1>
<div className='flex gap-2 items-center text-black-gray dark:text-black-gray text-base'>
<TiHomeOutline />
{paths.map((item, index) => (
<div className='flex gap-2 items-center text-black-gray text-10 sm:text-sm' key={index}>
<div className='flex gap-2 items-center text-black dark:text-black-gray text-10 sm:text-sm' key={index}>
<MdKeyboardDoubleArrowRight />
<p className={`${index + 1 == paths.length ? 'text-sky-600' : ''}`}>{item}</p>
<p className={`${index + 1 == paths.length ? 'text-sky-600 dark:text-black-gray' : ''}`}>{item}</p>
</div>
))}
</div>