@@ -60,9 +60,8 @@ const MobileMenu = ({ links, currentPath }) => {
6060 { text2 }
6161 < Icon
6262 icon = "tabler:chevron-right"
63- className = { `w-3.5 h-3.5 ml-0.5 ${
64- isSubMenuOpen ? 'rotate-90' : ''
65- } transition-transform`}
63+ className = { `w-3.5 h-3.5 ml-0.5 ${ isSubMenuOpen ? 'rotate-90' : ''
64+ } transition-transform`}
6665 />
6766 </ button >
6867
@@ -71,13 +70,25 @@ const MobileMenu = ({ links, currentPath }) => {
7170 { subLinks2 . map ( ( { text : text3 , href : href3 , target : target3 = '' } ) => (
7271 < li key = { text3 } >
7372 < a
74- className = { `no-underline text-[rgba(0,0,0,0.788)] hover:text-black first:rounded-t last:rounded-b md:hover:bg-gray-200 hover:text-link dark:hover:text-white dark:hover:bg-gray-700 py-2 px-5 block whitespace-no-wrap ${
75- href3 === currentPath ? 'aw-link-active' : ''
76- } `}
73+ className = { `flex gap-2 items-center no-underline text-[rgba(0,0,0,0.788)] hover:text-black first:rounded-t last:rounded-b md:hover:bg-gray-200 hover:text-link dark:hover:text-white dark:hover:bg-gray-700 py-2 px-5 whitespace-no-wrap ${ href3 === currentPath ? 'aw-link-active' : ''
74+ } `}
7775 href = { href3 }
7876 target = { target3 }
7977 >
80- { text3 }
78+ { text3 } { target3 !== '' && (
79+ < svg
80+ xmlns = "http://www.w3.org/2000/svg"
81+ width = "1em"
82+ height = "1em"
83+ viewBox = "0 0 24 24"
84+
85+ >
86+ < path
87+ fill = "currentColor"
88+ d = "M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-7h-2zM14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3z"
89+ />
90+ </ svg >
91+ ) }
8192 </ a >
8293 </ li >
8394 ) ) }
@@ -86,9 +97,8 @@ const MobileMenu = ({ links, currentPath }) => {
8697 </ div >
8798 ) : (
8899 < a
89- className = { `no-underline text-[rgba(0,0,0,0.788)] hover:text-black flex gap-2 first:rounded-t last:rounded-b md:hover:bg-gray-200 hover:text-link dark:hover:text-white dark:hover:bg-gray-700 py-2 px-5 whitespace-no-wrap items-center ${
90- href2 === currentPath ? 'aw-link-active' : ''
91- } `}
100+ className = { `no-underline text-[rgba(0,0,0,0.788)] hover:text-black flex gap-2 first:rounded-t last:rounded-b md:hover:bg-gray-200 hover:text-link dark:hover:text-white dark:hover:bg-gray-700 py-2 px-5 whitespace-no-wrap items-center ${ href2 === currentPath ? 'aw-link-active' : ''
101+ } `}
92102 href = { href2 }
93103 target = { target2 }
94104 >
@@ -117,9 +127,8 @@ const MobileMenu = ({ links, currentPath }) => {
117127 </ >
118128 ) : (
119129 < a
120- className = { `no-underline text-[rgba(0,0,0,0.788)] hover:text-black hover:text-link dark:hover:text-white px-4 py-3 flex items-center whitespace-nowrap gap-2 ${
121- href === currentPath ? 'aw-link-active' : ''
122- } `}
130+ className = { `no-underline text-[rgba(0,0,0,0.788)] hover:text-black hover:text-link dark:hover:text-white px-4 py-3 flex items-center whitespace-nowrap gap-2 ${ href === currentPath ? 'aw-link-active' : ''
131+ } `}
123132 href = { href }
124133 target = { target }
125134 >
0 commit comments