gray-mueller / gray-mueller/food-delivery-clone-app-using-react

Description: Header UI Overlapping

Open
#405 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Describe the bug
The Enatega Multivendor Customer App is currently experiencing a UI issue in the header section where the address and the favorite icon is overlapping, leading to a visual conflict in the user interface.

To Reproduce
Steps to reproduce the behavior:

Open the Enatega Multivendor Customer App.
Navigate to any section where the header is visible.
Observe the position of the address and favorite icon in the header.
Expected behavior
The address and the favorite icon should be displayed distinctly in the header without overlapping. Each element should occupy its designated space, ensuring a clear and unobstructed view for users.

Screenshots
Screenshot_20240115-163819_Enatega Multivendor

Smartphone:

Device: Android

Contributor guide

Open the contributing guide

Research direction

Start by opening the Enatega Multivendor Customer App on Android and navigating to a section where the header is visible. Inspect the header implementation to find the address and favorite icon elements, then verify the result visually against the supplied reproduction steps. Done means both elements have distinct, unobstructed space without overlapping.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend, mobile-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.