diff --git a/package-lock.json b/package-lock.json index a2024bc7..6c4ed79c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -6908,9 +6908,9 @@ } }, "decode-uri-component": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz", - "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=" + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz", + "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==" }, "decompress-response": { "version": "6.0.0", diff --git a/src/assets/images/google.svg b/src/assets/images/google.svg new file mode 100644 index 00000000..032b6ac5 --- /dev/null +++ b/src/assets/images/google.svg @@ -0,0 +1,43 @@ + + + + btn_google_light_normal_ios + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/board/components/login.js b/src/board/components/login.js index 281cc140..329da157 100644 --- a/src/board/components/login.js +++ b/src/board/components/login.js @@ -40,7 +40,29 @@ export function Login({ state, effects }) { src: '/dist/images/facebook.svg', className: 'fl w1', }), - t`Continuar con Facebook`, + t`Acceso con Facebook`, + ] + ) + ), + providers.includes('google') && + div( + '.form-group', + {}, + a( + '.btn.btn-primary.db.w-80.btn-google.center', + { + href: + Anzu.layer + + 'oauth/google?redir=' + + window.location.href, + style: {}, + }, + [ + img({ + src: '/dist/images/google.svg', + className: 'fl w1', + }), + t`Acceso con Google`, ] ) ), diff --git a/src/themes/autumn/_common.scss b/src/themes/autumn/_common.scss index af169e88..9e0e19d9 100644 --- a/src/themes/autumn/_common.scss +++ b/src/themes/autumn/_common.scss @@ -17,6 +17,13 @@ p.md p:last-child { color: #fff !important; } +.btn.btn-primary.btn-google { + background: #fff !important; + border-color: #dbdbdb !important; + border-radius: 4px; + color: #000 !important; +} + .step .step-item a { color: #777777; }