the-collab-lab / tcl-65-smart-shopping-list

1 stars 1 forks source link

Centered input field on home, changed delete button colors on listitem and filter "x" button on list #49

Closed isaiahasanchez closed 1 year ago

isaiahasanchez commented 1 year ago

Description

Centered the field on home. Changed the delete button colors by defining a new delete variable on root in index.css and applying to the list and listitem. This was done for better accessibility and ease of use.

Type of Changes

Type
:bug: Bug fix
:sparkles: New feature
:hammer: Refactoring
:100: Add tests
:link: Update dependencies
:scroll: Docs

Updates

Before

Screenshot 2023-10-07 at 12 57 36 PM Screenshot 2023-10-07 at 12 57 07 PM Screenshot 2023-10-07 at 12 57 21 PM Screenshot 2023-10-07 at 12 57 30 PM

Centering on home

Screenshot 2023-10-07 at 12 33 32 PM

After

Screenshot 2023-10-07 at 12 52 14 PM Screenshot 2023-10-07 at 12 51 50 PM Screenshot 2023-10-07 at 12 52 07 PM Screenshot 2023-10-07 at 12 51 56 PM

Centering on home

Screenshot 2023-10-07 at 1 09 04 PM

Testing Steps / QA Criteria

github-actions[bot] commented 1 year ago

Visit the preview URL for this PR (updated for commit bb428a0):

https://tcl-65-smart-shopping-list--pr49-is-styling-changes-j45r22sk.web.app

(expires Sat, 14 Oct 2023 21:07:21 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: a91b8fb0f37677e20d8afa3e8ea496251536f9b8

shannonerhea commented 1 year ago

love it!!