Update navigation bar

AfipSDK · Nov 21, 2024 · 1a22510 · 1a22510
1 parent cb19a56
commit 1a22510
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 11 deletions.
diff --git a/public/images/icons/discord-outline.svg b/public/images/icons/discord-outline.svg
diff --git a/src/components/main-navigation-menu.tsx b/src/components/main-navigation-menu.tsx
@@ -54,23 +54,25 @@ export function MainNavigationMenu() {
         <NavigationMenuItem>
           <NavigationMenuTrigger>Recursos</NavigationMenuTrigger>
           <NavigationMenuContent>
-            <ul className="grid w-[200px] gap-3 p-4 md:grid-cols-1">
-              <ListItem key="Blog" {...{
-                title: "Blog",
-                href: "/blog",
-                icon: "/images/icons/graduation-cap.svg",
-                // description: 'dsadas',
-              }} />
+            <ul className="grid w-[400px] gap-3 p-4 md:grid-cols-1">
               <ListItem key="Documentacion" {...{
                 title: "Documentacion",
                 href: siteConfig.links.docs,
-                icon: "/images/icons/newspaper.svg",
+                icon: "/images/icons/graduation-cap.svg",
+                description: "Paso a paso para conectarte a los web services",
                 external: true
               }} />
+              <ListItem key="Blog" {...{
+                title: "Blog",
+                href: "/blog",
+                icon: "/images/icons/newspaper.svg",
+                description: "Tutoriales para integrar tu plataforma",
+              }} />
               <ListItem key="Comunidad" {...{
                 title: "Comunidad",
                 href: siteConfig.links.discord,
                 icon: "/images/icons/discord-outline.svg",
+                description: "Un lugar para despejar tus dudas",
                 external: true
               }} />
             </ul>
@@ -155,7 +157,7 @@ const ListItem: React.FC<MenuItem> = ({
         )}
       >
         <div className="flex items-center text-sm font-medium leading-none">
-          {icon && <img className="max-w-[20px] mr-3 align-middle" src={icon} alt={title} />}
+          {icon && <img className="max-w-[20px] mr-2 align-middle" src={icon} alt={title} />}
 
           <span className="mr-2 align-middle">{title}</span>
           {disabled ? (