Sunagatov / Iced-Latte-Frontend

a online Marketplace for coffee retail (Frontend)
https://iced-latte.uk
MIT License
210 stars 48 forks source link

Feature/IL-296/fix_UI #117

Closed iakivpekarskyi closed 7 months ago

iakivpekarskyi commented 7 months ago
  1. Title fixed height in main menu

  2. On the favourites page, the "Add to Cart" button should have a hover effect. On screens with a resolution of 461 pixels and below, it should have smaller text size .

  3. On screens of 500 pixels and below, the image on the dynamic page should be aligned with the viewport. Similarly, on screens of 960 pixels and below, the image on the dynamic product page should be aligned with the viewport.

  4. On the home page, when the screen resolution is 1146 pixels, product cards and the hero block should not be tightly aligned with the viewport.

  5. On card hover, the heart should not be tightly aligned with the card borders.

  6. On the dynamic product page, the "Add to Cart" button should be without margins. When reducing the header padding, styles for the authentication modal window are affected.

annstriganova commented 7 months ago

You can't access SQ server, because you're using a fork and GitHub secrets are not available for forks (refer to discussion and docs).

We will address SQ issues in a separate PR.

Please, don't use fork next time, use the main repo instead:

git clone https://github.com/Sunagatov/Iced-Latte-Frontend.git
git checkout -b your_new_branch_name
...
annstriganova commented 7 months ago

On the home page, when the screen resolution is 1146 pixels, product cards and the hero block should not be tightly aligned with the viewport.

I might be missing something, but it looks like it's still a problem at least in Chrome 121.0.6167.160:

Screenshot 2024-02-16 at 01 50 06
annstriganova commented 7 months ago

I don't know which mobile devices we should support, but I'd like to note that styles seem to be broken on iPhone SE

Screenshot 2024-02-16 at 01 56 47