search

michelada / design_system

Design System running Tailwind underneath, by michelada.io for everyone.
https://michelada.github.io/design_system/site/
Apache License 2.0
1 stars 0 forks source link

Lists #71

Open sandrely2611-zz opened 2 years ago

sandrely2611-zz commented 2 years ago

Description

Definition of done

Acceptance criteria

sandrely2611-zz commented 2 years ago

Issue # 1 En Ctrl

The profile picture in the navbar appears distorted (blurry, squished or stretched) and in some cases, the left and right sides of the photo get cropped making it look like an oval shape instead of a round shape (for images significantly longer than they are wide)

Evidence 1: Shape of the profile picture with different image dimensions

image

sandrely2611-zz commented 2 years ago

Issue # 2 en Control List component - (tablet version) Text align for mobile device

For mobile and tablet versions the lists should be justify to the center. For desktop the list is justify to the left.

Description

The user info list in Mobile and Tablet devices must have Center alignment, and actually Tablet device (width>767px) has left alignment.

Evidence

Mobile image

Tablet image

Acceptance criteria

  1. List text should be justify to the center for mobile and tablet versions.