@@ -41,11 +41,9 @@ const AppHeader = () => {
4141 id = "nav"
4242 className = "sm:container sm:mx-auto"
4343 >
44- { /* Header start */ }
4544 < div className = "z-10 max-w-screen-lg xl:max-w-screen-xl block sm:flex sm:justify-between sm:items-center py-6" >
46- { /* Header menu links and small screen hamburger menu start */ }
45+ { /* Header menu links and small screen hamburger menu */ }
4746 < div className = "flex justify-between items-center px-4 sm:px-0" >
48- { /* Logo start */ }
4947 < div >
5048 < Link to = "/" >
5149 { activeTheme === 'dark' ? (
@@ -63,9 +61,8 @@ const AppHeader = () => {
6361 ) }
6462 </ Link >
6563 </ div >
66- { /* Logo end */ }
6764
68- { /* Theme switcher small screen start */ }
65+ { /* Theme switcher small screen */ }
6966 < div
7067 onClick = { ( ) => setTheme ( activeTheme ) }
7168 aria-label = "Theme Switcher"
@@ -77,9 +74,8 @@ const AppHeader = () => {
7774 < FiSun className = "text-gray-200 hover:text-gray-50 text-xl" />
7875 ) }
7976 </ div >
80- { /* Theme switcher small screen end */ }
8177
82- { /* Small screen hamburger menu start */ }
78+ { /* Small screen hamburger menu */ }
8379 < div className = "sm:hidden" >
8480 < button
8581 onClick = { toggleMenu }
@@ -100,11 +96,9 @@ const AppHeader = () => {
10096 </ svg >
10197 </ button >
10298 </ div >
103- { /* Small screen hamburger menu end */ }
10499 </ div >
105- { /* Header menu links and small screen hamburger menu end */ }
106100
107- { /* Header links small screen start */ }
101+ { /* Header links small screen */ }
108102 < div
109103 className = {
110104 showMenu
@@ -142,9 +136,8 @@ const AppHeader = () => {
142136 </ button >
143137 </ div >
144138 </ div >
145- { /* Header links small screen end */ }
146139
147- { /* Header links large screen start */ }
140+ { /* Header links large screen */ }
148141 < div className = "font-general-medium hidden m-0 sm:ml-4 mt-5 sm:mt-3 sm:flex p-5 sm:p-0 justify-center items-center shadow-lg sm:shadow-none" >
149142 < Link
150143 to = "/projects"
@@ -168,11 +161,10 @@ const AppHeader = () => {
168161 Contact
169162 </ Link >
170163 </ div >
171- { /* Header links small screen end */ }
172164
173- { /* Header right section buttons start */ }
165+ { /* Header right section buttons */ }
174166 < div className = "hidden sm:flex justify-between items-center flex-col md:flex-row" >
175- { /* Hire me button start */ }
167+ { /* Hire me button */ }
176168 < div className = "hidden md:flex" >
177169 < button
178170 onClick = { showHireMeModal }
@@ -182,9 +174,8 @@ const AppHeader = () => {
182174 Hire Me
183175 </ button >
184176 </ div >
185- { /* Hire me button end */ }
186177
187- { /* Theme switcher large screen start */ }
178+ { /* Theme switcher large screen */ }
188179 < div
189180 onClick = { ( ) => setTheme ( activeTheme ) }
190181 aria-label = "Theme Switcher"
@@ -196,10 +187,9 @@ const AppHeader = () => {
196187 < FiSun className = "text-gray-200 hover:text-gray-50 text-xl" />
197188 ) }
198189 </ div >
199- { /* Theme switcher large screen start */ }
200190 </ div >
201191 </ div >
202- { /* Hire me modal start */ }
192+ { /* Hire me modal */ }
203193 < div >
204194 { showModal ? (
205195 < HireMeModal
@@ -209,7 +199,6 @@ const AppHeader = () => {
209199 ) : null }
210200 { showModal ? showHireMeModal : null }
211201 </ div >
212- { /* Hire me modal end */ }
213202 </ motion . nav >
214203 ) ;
215204} ;
0 commit comments