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

Stack Multiple Timings Vertically for Better Readability

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

Description

Is your feature request related to a problem? Please describe.
Yes, currently when a restaurant has multiple opening and closing timings on the same day, the timings are displayed side by side. This layout appears cluttered and is not visually appealing, especially on mobile screens or compact UI components. It also makes it harder for users to read and interpret the information quickly.

Describe the solution you'd like
I would like the timings for each day to be stacked vertically instead of displayed side by side. For example, if a restaurant opens from 10:00 AM – 2:00 PM and then again from 6:00 PM – 10:00 PM, these should appear one below the other. This approach will improve readability and create a cleaner, more organized look.

Describe alternatives you've considered
An alternative could be to use commas or separators to differentiate multiple timings on the same line, but this still creates a dense layout and doesn't solve the readability issue as effectively as stacking.

Additional context
This change would enhance user experience, especially for customers checking restaurant hours on smaller devices. It will also help maintain visual consistency across listings with varying timing structures. A sample mockup or screenshot can be provided if needed.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.