Update navigation

Author: handotdev

core-concepts/navigation.mdx

@@ -12,8 +12,8 @@ With proper navigation configuration, you can organize your content into a logic
 
 Pages are the most fundamental navigation component.
 
-<img className="block dark:hidden" src="/images/navigation/pages-light.png" />
-<img className="hidden dark:block" src="/images/navigation/pages-dark.png" />
+<img className="block dark:hidden pointer-events-none" src="/images/navigation/pages-light.png" />
+<img className="hidden dark:block pointer-events-none" src="/images/navigation/pages-dark.png" />
 
 Pages is an array where each entry must be a reference to the path of a [page file](/core-concepts/pages).
 
@@ -36,8 +36,8 @@ Pages is an array where each entry must be a reference to the path of a [page fi
 
 Groups allow you to group your pages. Groups can also be nested within each other.
 
-<img className="block dark:hidden" src="/images/navigation/groups-light.png" />
-<img className="hidden dark:block" src="/images/navigation/groups-dark.png" />
+<img className="block dark:hidden pointer-events-none" src="/images/navigation/groups-light.png" />
+<img className="hidden dark:block pointer-events-none" src="/images/navigation/groups-dark.png" />
 
 ```json
 {
@@ -69,8 +69,8 @@ Groups allow you to group your pages. Groups can also be nested within each othe
 Tabs help distinguish between different topics or sections of your
 documentation.
 
-<img className="block dark:hidden" src="/images/navigation/tabs-light.png" />
-<img className="hidden dark:block" src="/images/navigation/tabs-dark.png" />
+<img className="block dark:hidden pointer-events-none" src="/images/navigation/tabs-light.png" />
+<img className="hidden dark:block pointer-events-none" src="/images/navigation/tabs-dark.png" />
 
 ```json
 "navigation": {
@@ -105,8 +105,8 @@ documentation.
 
 Anchors are another way to section your content. They show up on top of your side navigation.
 
-<img className="block dark:hidden" src="/images/navigation/anchors-light.png" />
-<img className="hidden dark:block" src="/images/navigation/anchors-dark.png" />
+<img className="block dark:hidden pointer-events-none" src="/images/navigation/anchors-light.png" />
+<img className="hidden dark:block pointer-events-none" src="/images/navigation/anchors-dark.png" />
 
 The configuration is very similar to tabs.
 
@@ -147,8 +147,8 @@ While not required, we highly recommend that you set an `icon` field as well.
 
 Dropdowns show up in the same place as anchors, but are consolidated into a single dropdown.
 
-<img className="block dark:hidden" src="/images/navigation/dropdowns-light.png" />
-<img className="hidden dark:block" src="/images/navigation/dropdowns-dark.png" />
+<img className="block dark:hidden pointer-events-none" src="/images/navigation/dropdowns-light.png" />
+<img className="hidden dark:block pointer-events-none" src="/images/navigation/dropdowns-dark.png" />
 
 While not required, we also recommend that you set an icon for each dropdown item.
 
@@ -188,8 +188,8 @@ While not required, we also recommend that you set an icon for each dropdown ite
 
 Versions can be leveraged to partition your navigation into different versions.
 
-<img className="block dark:hidden" src="/images/navigation/versions-light.png" />
-<img className="hidden dark:block" src="/images/navigation/versions-dark.png" />
+<img className="block dark:hidden pointer-events-none" src="/images/navigation/versions-light.png" />
+<img className="hidden dark:block pointer-events-none" src="/images/navigation/versions-dark.png" />
 
 ```json
 {
@@ -224,8 +224,8 @@ Versions can be leveraged to partition your navigation into different versions.
 
 Languages can be leveraged to partition your navigation into different languages.
 
-<img className="block dark:hidden" src="/images/navigation/languages-light.png" />
-<img className="hidden dark:block" src="/images/navigation/languages-dark.png" />
+<img className="block dark:hidden pointer-events-none" src="/images/navigation/languages-light.png" />
+<img className="hidden dark:block pointer-events-none" src="/images/navigation/languages-dark.png" />
 
 
 We currently support the following languages:

editor.mdx

@@ -5,12 +5,12 @@ icon: 'mouse-pointer-2'
 ---
 
 <img
-  className="block dark:hidden my-0"
+  className="block dark:hidden my-0 pointer-events-none"
   src="/images/editor/editor-light.png"
   alt="Mintlify Web Editor interface in light mode"
 />
 <img
-  className="hidden dark:block my-0"
+  className="hidden dark:block my-0 pointer-events-none"
   src="/images/editor/editor-dark.png"
   alt="Mintlify Web Editor interface in dark mode"
 />

installation.mdx

@@ -5,11 +5,11 @@ icon: "terminal"
 ---
 
 <img
-  className="block dark:hidden my-0"
+  className="block dark:hidden my-0 pointer-events-none"
   src="/images/installation/local-development-light.png"
 />
 <img
-  className="hidden dark:block my-0"
+  className="hidden dark:block my-0 pointer-events-none"
   src="/images/installation/local-development-dark.png"
 />