gray-mueller / gray-mueller/food-ordering-app-clone-using-react-js
The icons in the navbar should be of the same size.
- Dominant language
- TypeScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
The icons in the navigation bar are of different sizes, creating an inconsistent appearance and affecting the visual balance of the UI.\
To Reproduce
Steps to reproduce the behavior:
Open the Enatega website.
Navigate to any screen with the navigation bar.
Observe the icons in the navbar.
Note that the icons are not of uniform size.
Expected behavior
All icons in the navigation bar should have consistent dimensions to ensure a uniform and visually appealing design.
Screenshots
image
Desktop (please complete the following information):
OS: Windows
Browser: Chrome
Contributor guide
Research direction
Start by locating the navbar implementation and the icon components used on the Enatega website, then reproduce the inconsistency in Chrome on Windows. Compare the rendered icon dimensions across screens and verify that all navbar icons have consistent dimensions without disrupting navigation.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- design, frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100