Cambios de estilo boton Google
This commit is contained in:
commit
a142db34db
|
@ -129,6 +129,13 @@
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
<!-- <div class="google-btn mb-3 mb-0" >
|
||||||
|
<div class="google-icon-wrapper">
|
||||||
|
<img class="google-icon" src="https://upload.wikimedia.org/wikipedia/commons/5/53/Google_%22G%22_Logo.svg"/>
|
||||||
|
</div>
|
||||||
|
<p type="button" class="btn-text" onclick="authenticacionGoogle()"><b>Iniciar con Google</b></p>
|
||||||
|
</div>
|
||||||
|
-->
|
||||||
<div class="mb-3 mb-0">
|
<div class="mb-3 mb-0">
|
||||||
<button class="btn" (click)="signInWithGoogle()">
|
<button class="btn" (click)="signInWithGoogle()">
|
||||||
<i class="fa fa-Google">Iniciar con Google</i>
|
<i class="fa fa-Google">Iniciar con Google</i>
|
||||||
|
|
|
@ -1,3 +1,47 @@
|
||||||
body {
|
body {
|
||||||
background-color: #f2f2f2 !important;
|
background-color: #f2f2f2 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
$white: #fff;
|
||||||
|
$google-blue: #4285f4;
|
||||||
|
$button-active-blue: #1669f2;
|
||||||
|
|
||||||
|
.google-btn {
|
||||||
|
width: 184px;
|
||||||
|
height: 42px;
|
||||||
|
background-color: $google-blue;
|
||||||
|
border-radius: 2px;
|
||||||
|
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.25);
|
||||||
|
.google-icon-wrapper {
|
||||||
|
position: absolute;
|
||||||
|
margin-top: 1px;
|
||||||
|
margin-left: 1px;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
border-radius: 2px;
|
||||||
|
background-color: $white;
|
||||||
|
}
|
||||||
|
.google-icon {
|
||||||
|
position: absolute;
|
||||||
|
margin-top: 11px;
|
||||||
|
margin-left: 11px;
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
.btn-text {
|
||||||
|
float: right;
|
||||||
|
margin: 11px 11px 0 0;
|
||||||
|
color: $white;
|
||||||
|
font-size: 14px;
|
||||||
|
letter-spacing: 0.2px;
|
||||||
|
font-family: 'Roboto';
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
box-shadow: 0 0 6px $google-blue;
|
||||||
|
}
|
||||||
|
&:active {
|
||||||
|
background: $button-active-blue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@import url(https://fonts.googleapis.com/css?family=Roboto:500);
|
||||||
|
|
|
@ -91,6 +91,7 @@ export class LoginComponent implements OnInit, AfterViewInit {
|
||||||
() => {
|
() => {
|
||||||
this.authenticationError = false;
|
this.authenticationError = false;
|
||||||
if (!this.router.getCurrentNavigation()) {
|
if (!this.router.getCurrentNavigation()) {
|
||||||
|
window.localStorage.setItem('IsGoogle', 'true');
|
||||||
// There were no routing during login (eg from navigationToStoredUrl)
|
// There were no routing during login (eg from navigationToStoredUrl)
|
||||||
this.router.navigate(['']);
|
this.router.navigate(['']);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,16 +0,0 @@
|
||||||
import { TestBed } from '@angular/core/testing';
|
|
||||||
|
|
||||||
import { UsuarioGoogleLogInService } from './usuario-google-log-in.service';
|
|
||||||
|
|
||||||
describe('UsuarioGoogleLogInService', () => {
|
|
||||||
let service: UsuarioGoogleLogInService;
|
|
||||||
|
|
||||||
beforeEach(() => {
|
|
||||||
TestBed.configureTestingModule({});
|
|
||||||
service = TestBed.inject(UsuarioGoogleLogInService);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should be created', () => {
|
|
||||||
expect(service).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
|
@ -1,9 +0,0 @@
|
||||||
import { Injectable } from '@angular/core';
|
|
||||||
import { Observable, ReplaySubject } from 'rxjs';
|
|
||||||
|
|
||||||
@Injectable({
|
|
||||||
providedIn: 'root',
|
|
||||||
})
|
|
||||||
export class UsuarioGoogleLogInService {
|
|
||||||
constructor() {}
|
|
||||||
}
|
|
|
@ -13,6 +13,9 @@
|
||||||
<link rel="manifest" href="manifest.webapp" />
|
<link rel="manifest" href="manifest.webapp" />
|
||||||
<link rel="stylesheet" href="content/css/loading.css" />
|
<link rel="stylesheet" href="content/css/loading.css" />
|
||||||
<script src="https://apis.google.com/js/platform.js" async defer></script>
|
<script src="https://apis.google.com/js/platform.js" async defer></script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css" />
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>
|
||||||
<!-- jhipster-needle-add-resources-to-root - JHipster will add new resources here -->
|
<!-- jhipster-needle-add-resources-to-root - JHipster will add new resources here -->
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
Loading…
Reference in New Issue