Ich erstelle eine Web -App in Vue und implementiere sowohl die Apple- als auch die Google -Schaltfläche. Das Problem, das ich habe, ist, dass ich möchte, dass die Textgröße gleich ist, aber ich kann nicht finden, wie ich Google oder Apple -Schriftgröße
ändern kann. Ich weiß, dass ich die Apple -Schaltfläche verkleinern kann, die den Text kleiner macht, aber ich möchte, dass sie gleiche Größe haben . Es wäre perfekt, wenn ich die Google -Schriftgröße ein bisschen vergrößern oder die Apple -Schriftgröße ein bisschen reduzieren könnte. > Das habe ich bisher in den Komponenten für beide: < /p>
Apple -Taste: < /p>
Code: Select all
ref="container"
class="mvne-apple-button"
>
.mvne-apple-button {
display: flex;
justify-content: center;
margin-top: 24px;
#appleid-signin {
cursor: pointer;
}
max-width: 100% !important;
}
< /code>
Google -Schaltfläche: < /p>
ref="container"
class="mvne-sso-button"
>
.mvne-sso-button {
display: flex;
justify-content: center;
[aria-labelledby="button-label"] {
max-width: 100% !important;
}
}
.g_id_signin {
border: 1px solid black;
border-radius: 24px !important;
}