Modification in header of the project for better UI#302
Modification in header of the project for better UI#302Akanksha6209127 wants to merge 23 commits into
Conversation
…pand in header now because in expanded version the components overlap.
| const handleLogout = () => { | ||
| localStorage.removeItem('token'); | ||
| localStorage.removeItem('userData'); | ||
| localStorage.removeItem("token"); |
There was a problem hiding this comment.
Thank you.
if you want to do formatting fixes then please do it on whole project also better to create a editor rule file and add the rules there or add eslint config file. ESLint will do all formatting changes in one go.
There was a problem hiding this comment.
Got it, thank you for the suggestion. I will configure ESLint rules for consistent formatting instead of fixing it file by file.
|
@Akanksha6209127 This branch has conflicts that must be resolved |
…pand in header now because in expanded version the components overlap.
…InfantCareCompass into new # Conflicts: # client/src/components/Header.jsx
|
Please, check and merge the code. I try to made cleaner version for header section, increase the size of left side icon, No any components are overlapped, icon size increases, it looks clean now. I decrease the spaces between these buttons Sign In, Dark/Light toggle button and Get Started it looks better because it remove overlapping. I also change the position of Moon icon in toggle button of Dark/Light theme. These changes made a clean and better UI and it is easy to use and no any components are overlapped. |
3 participants
I try to made cleaner version for header section, increase the size of left side icon, add merge all the components of header in hamburger menu for desktop. Sign In, Dark/Light toggle button and Get Started is not added in hamburger menu it is directly shown in header section. I also change the position of Moon icon in toggle button of Dark/Light theme. These changes made a clean and better UI and it is easy to use and no any components are overlapped.
These following images shows the changes in features of UI.
Before:-
After:-
These Images shows the difference and changes. Please check the code.