diff --git a/package-lock.json b/package-lock.json index a2024bc7..021e9859 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13888,9 +13888,9 @@ "dev": true }, "ua-parser-js": { - "version": "0.7.19", - "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.19.tgz", - "integrity": "sha512-T3PVJ6uz8i0HzPxOF9SWzWAlfN/DavlpQqepn22xgve/5QecC+XMCAtmUNnY7C9StehaV6exjUCI801lOI7QlQ==" + "version": "0.7.31", + "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.31.tgz", + "integrity": "sha512-qLK/Xe9E2uzmYI3qLeOmI0tEOt+TBBQyUIAh4aAgU05FVYzeZrKUdkAZfBNVGRaHVgV0TDkdEngJSw/SyQchkQ==" }, "uglify-js": { "version": "3.10.4", 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; }