Home page and logged out page styling

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

https://tcl-67-smart-shopping-list.web.app/

3 stars 1 forks source link

Closed jtkabenni closed 6 months ago

jtkabenni commented 6 months ago

For an example of how to fill this template out, see this Pull Request.

Updates to home page and logged out page styling according to high fidelity mockups. Also changed name to clevercart and implemented colors.

closes #121 closes #107 closes #105

Styling update

Mobile:

web:

Mobile:

Web:

github-actions[bot] commented 6 months ago

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

_{(expires Fri, 12 Apr 2024 20:50:03 GMT)}

_{Sign: 1dc6f6876568bd8a1c97781eec7984835c207f7c}

flbarfield commented 6 months ago

It's looking so goooood!!!!

I'm noticing some wonk with the input boxes and text on the login screen, though, at certain widths

jtkabenni commented 6 months ago

Hey @aberger3647 and @flbarfield , I made the following changes:

created separate css files for AddListForm, LoggedOut, SelectListForm, and removed those styles from index.css
changed the sizing of all the headers in web (you will have to adjust the headers list view according to what looks right)
added an image for the logged out page image. @aberger3647 if you want to try to create it in css please feel free to.
updated our app name to clevercart
added borders where needed and removed it in some other places so they wouldn't double up