yearn-finance-v3 icon indicating copy to clipboard operation
yearn-finance-v3 copied to clipboard

Published 20 hours ago • verified publisher icon yearn

fix: Modal zap layout on iPhone SE

Open huggingbot opened this issue 2 years ago • 2 comments

Description

  • Added CSS changes for devices with 400px width or lower
  • 400px is used as that's the point where the text would wrap to the second line
  • Removed padding so that font size can be at 1.3rem, else with the existing padding, font size has to be reduced to 1.2rem
  • Centered the text so that the container's left and right are aligned
  • 341px will be the next point where the text would wrap again

Related Issue

  • Fixes #692

Motivation and Context

  • Better display for iPhone SE users

How Has This Been Tested?

  • Locally by viewing the updated modal layout

Screenshots (if appropriate):

zap

huggingbot avatar May 22 '22 14:05 huggingbot

This pull request is automatically being deployed by Amplify Hosting (learn more).

Access this pull request here: https://pr-695.d27dgpz01hmbvx.amplifyapp.com

aws-amplify-us-east-1[bot] avatar May 22 '22 14:05 aws-amplify-us-east-1[bot]

@huggingbot We should hold this since the layout and style changed in: https://github.com/yearn/yearn-finance-v3/pull/694

turtlemoji avatar May 23 '22 01:05 turtlemoji