1
0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-18 23:21:18 +02:00
This commit is contained in:
Deepak Mardi
2024-04-01 01:54:27 +05:30
parent 675f90adc6
commit 58960eb6d4
3 changed files with 30 additions and 29 deletions

View File

@@ -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>
); );
} }

View File

@@ -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

View File

@@ -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"
} }