mirror of
https://github.com/kamranahmedse/developer-roadmap.git
synced 2025-08-18 23:21:18 +02:00
update
This commit is contained in:
@@ -71,33 +71,34 @@ export function NavigationDropdown() {
|
|||||||
>
|
>
|
||||||
<Menu className="h-5 w-5" />
|
<Menu className="h-5 w-5" />
|
||||||
</button>
|
</button>
|
||||||
{isOpen && (
|
<div
|
||||||
<div
|
className={cn(
|
||||||
className={cn(
|
'absolute pointer-events-none left-0 top-full z-[999] mt-2 w-48 min-w-[320px] -translate-y-1 rounded-lg bg-slate-800 py-2 opacity-0 shadow-xl transition-all duration-100',
|
||||||
'pointer-events-auto absolute left-0 top-full z-[999] mt-2 w-48 min-w-[320px] translate-y-2.5 rounded-lg bg-slate-800 py-2 opacity-100 shadow-xl transition-all duration-100',
|
{
|
||||||
)}
|
'pointer-events-auto translate-y-2.5 opacity-100': isOpen,
|
||||||
>
|
},
|
||||||
{links.map((link) => (
|
)}
|
||||||
<a
|
>
|
||||||
href={link.link}
|
{links.map((link) => (
|
||||||
target={link.isExternal ? '_blank' : undefined}
|
<a
|
||||||
rel={link.isExternal ? 'noopener noreferrer' : undefined}
|
href={link.link}
|
||||||
key={link.link}
|
target={link.isExternal ? '_blank' : undefined}
|
||||||
className="group flex items-center gap-3 px-4 py-2.5 text-gray-400 transition-colors hover:bg-slate-700"
|
rel={link.isExternal ? 'noopener noreferrer' : undefined}
|
||||||
>
|
key={link.link}
|
||||||
<span className="flex h-[40px] w-[40px] items-center justify-center rounded-full bg-slate-600 transition-colors group-hover:bg-slate-500 group-hover:text-slate-100">
|
className="group flex items-center gap-3 px-4 py-2.5 text-gray-400 transition-colors hover:bg-slate-700"
|
||||||
<link.Icon className="inline-block h-5 w-5" />
|
>
|
||||||
|
<span className="flex h-[40px] w-[40px] items-center justify-center rounded-full bg-slate-600 transition-colors group-hover:bg-slate-500 group-hover:text-slate-100">
|
||||||
|
<link.Icon className="inline-block h-5 w-5" />
|
||||||
|
</span>
|
||||||
|
<span className="flex flex-col">
|
||||||
|
<span className="font-medium text-slate-300 transition-colors group-hover:text-slate-100">
|
||||||
|
{link.label}
|
||||||
</span>
|
</span>
|
||||||
<span className="flex flex-col">
|
<span className="text-sm">{link.description}</span>
|
||||||
<span className="font-medium text-slate-300 transition-colors group-hover:text-slate-100">
|
</span>
|
||||||
{link.label}
|
</a>
|
||||||
</span>
|
))}
|
||||||
<span className="text-sm">{link.description}</span>
|
</div>
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
## Eager Loading
|
## Eager Loading
|
||||||
|
|
||||||
Eager Loading helps you to load all your needed entities at once; i.e., all your child entities will be loaded at single database call. This can be achieved, using the Include method, which returns the related entities as a part of the query and a large amount of data is loaded at once.
|
Eager Loading helps you to load all your needed entities at once; i.e., all your child entities will be loaded at single database call. This can be achieved, using the Include method, which returs the related entities as a part of the query and a large amount of data is loaded at once.
|
||||||
|
|
||||||
## Lazy Loading
|
## Lazy Loading
|
||||||
|
|
||||||
|
@@ -4186,7 +4186,7 @@
|
|||||||
"x": "23",
|
"x": "23",
|
||||||
"y": "52",
|
"y": "52",
|
||||||
"properties": {
|
"properties": {
|
||||||
"controlName": "ext_link:roadmap.sh/devops"
|
"controlName": "ext_link:roadmap.sh/best-practices"
|
||||||
},
|
},
|
||||||
"children": {
|
"children": {
|
||||||
"controls": {
|
"controls": {
|
||||||
@@ -4468,4 +4468,4 @@
|
|||||||
},
|
},
|
||||||
"dependencies": [],
|
"dependencies": [],
|
||||||
"projectID": "file:///Users/kamrify/Desktop/New%20Roadmaps/New%20Project%201.bmpr"
|
"projectID": "file:///Users/kamrify/Desktop/New%20Roadmaps/New%20Project%201.bmpr"
|
||||||
}
|
}
|
Reference in New Issue
Block a user