Fix/tablet card styles - Githubissues

etn-ccis / blui-react-native-workflows

Re-usable Brightlayer UI workflows for React Native applications

6 stars 6 forks source link

Fix/tablet card styles #411

Closed ektaghag-eaton closed 1 month ago

ektaghag-eaton commented 1 month ago

Raising PR on behalf of Priyanka

Changes proposed in this Pull Request:

[X] Fix the border radius of the card
[X] Fix padding between header and instructions
[X] Fix padding as highlighted in your second graphic
[X] Fix the font size on the set password criteria
[X] Update the show/hide icon to use the outlined style
[X] Update card background colour "surface container"

Screenshots / Screen Recording (if applicable)

To Test:

Any specific feedback you are looking for?

manojleaton commented 1 month ago

Vertical padding is not matching with the design mentioned in the issue, Please add both Vertical and Horizontal padding of 24px.

JeffGreiner-eaton commented 1 month ago

The vertical on iPad (24) and phone (16) looks good. @manojleaton you mentioned horizontal adjustment. Should this all be 24 vertical & horizontal on iPad? and all 16 on phone?