My app offers login via Apple and Facebook and I would like the logos of both buttons to be aligned.
By default apple's logo is centrally aligned on the leading side of the text and facebook's logo is aligned to the leading edge.
It makes it look as follows:
[__________X_Continue with Apple___________]
[_Y__________Continue with Facebook________]
(where X is the apple logo, Y is the Facebook logo and _ is whitespace).
The closest hint I found on how to do that is this:
(source: https://developer.apple.com/design/human-interface-guidelines/sign-in-with-apple/overview/buttons/#:~:text=If%20you%20need%20to%20horizontally,8%25%20of%20the%20button's%20width.)
But how do I do that? I use SwiftUI and I wrap the login with Apple button with a UIViewRepresentable. The ASAuthorizationAppleIDButton class doesn't offer logo alignment property (only ButtonType and ButtonStyle).
Any advice on how to do it would be appreciated.
By default apple's logo is centrally aligned on the leading side of the text and facebook's logo is aligned to the leading edge.
It makes it look as follows:
[__________X_Continue with Apple___________]
[_Y__________Continue with Facebook________]
(where X is the apple logo, Y is the Facebook logo and _ is whitespace).
The closest hint I found on how to do that is this:
Inset the logo if necessary. If you need to horizontally align the Apple logo with other authentication logos, you can adjust the space between the logo and the button’s leading edge.
(source: https://developer.apple.com/design/human-interface-guidelines/sign-in-with-apple/overview/buttons/#:~:text=If%20you%20need%20to%20horizontally,8%25%20of%20the%20button's%20width.)
But how do I do that? I use SwiftUI and I wrap the login with Apple button with a UIViewRepresentable. The ASAuthorizationAppleIDButton class doesn't offer logo alignment property (only ButtonType and ButtonStyle).
Any advice on how to do it would be appreciated.