Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Need to display "Empty Cart" when cart is empty on cart page #5

Open
1 task
sbmsr opened this issue May 1, 2022 · 0 comments
Open
1 task

Need to display "Empty Cart" when cart is empty on cart page #5

sbmsr opened this issue May 1, 2022 · 0 comments
Labels
Difficulty: Easy A task that can be finished quickly enhancement New feature or request

Comments

@sbmsr
Copy link
Member

sbmsr commented May 1, 2022

Description

When a user clicks the cart icon, they see alot of blank whitespace. Our designers want us to show some content to fill this blank space. We need to complete this using flexbox, since it is our team's preferred method of CSS alignment.

Notes from Design Team

Mockup

image

  • Icon

    • Use the shoppingCartIcon from heroicons library (currently installed in the project)
    • Limit Width of icon to 3rem (48px)

  • Text

    • The text must say "Your Cart is Empty."
    • Have a padding on top of text of .5 rem (8px)

Resources

Deliverables

  • implement mockup on cart page (when cart is empty) using flexbox
@sbmsr sbmsr added enhancement New feature or request Difficulty: Easy A task that can be finished quickly labels May 1, 2022
@sbmsr sbmsr mentioned this issue May 10, 2022
Closed
@mattpauls mattpauls mentioned this issue Feb 20, 2023
Open
JunYuHuang added a commit to JunYuHuang/react-ecommerce that referenced this issue Apr 10, 2023
@JunYuHuang
Fix Issue developer-job-simulation#5
6eb8917
@JunYuHuang JunYuHuang mentioned this issue Apr 11, 2023
Closed
maxim55069633 added a commit to maxim55069633/react-ecommerce that referenced this issue May 6, 2023
@maxim55069633
fixed issues developer-job-simulation#4, developer-job-simulation#5, d…
308d6f4 
…eveloper-job-simulation#6
antono91 added a commit to antono91/cbm-react-ecommerce that referenced this issue Aug 10, 2023
@antono91
fixed: issue developer-job-simulation#5
20460d4
antono91 added a commit to antono91/cbm-react-ecommerce that referenced this issue Aug 10, 2023
@antono91
fixed: spelling issue developer-job-simulation#5
8863427
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Difficulty: Easy A task that can be finished quickly enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@sbmsr