lambertf917 / lambertf917/cafe-ordering-system-using-react-js
The icons in the navbar should be of the same size.
Nobody has claimed this yet.
- 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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by opening the Enatega website in Chrome on desktop and locate the navigation bar components in the React application. Compare the rendered icon dimensions across navbar items and identify the relevant component or styles. The work is done when all navbar icons have consistent dimensions across screens.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- design, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100