Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Icon: fixed apple icon alignment #34

Merged
merged 1 commit into from
Jun 20, 2024

Conversation

ugtthis
Copy link
Contributor

@ugtthis ugtthis commented Jun 17, 2024

Apple logo was not aligned with the apple sign up button text. I aligned the logo and also replaced the apple svg with an svg that is the same height and width since the other logos had the same height and width.

The google and github btn were lining up while apple bttn wasnt. Main reason was the Google and Github bttn have the same amount of characters in the text while the apple button is too short by 2 characters.

I did &nbsp so that the apple button text would have the same amount of characters as the others which would line up the icon and text, versus adding another div with flexbox or modifying the button component for right now

Old vs New

compare-apple-logo.mp4

Copy link

Welcome to new-connect! Make sure to:

  • read the contributing guidelines
  • mark your PR as a draft until it's ready to review
  • post the preview on Discord; feedback from users will speedup the PR review

deployed preview: https://34.connect-d5y.pages.dev

@incognitojam incognitojam merged commit dd879f2 into commaai:master Jun 20, 2024
2 checks passed
@ugtthis ugtthis deleted the fixed-apple-logo-alignment branch July 10, 2024 07:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants