src/app/auth/sign/sign.component.ts
Pantalla de inicio de la aplicación.
selector | app-sign |
styleUrls | ./sign.component.css |
templateUrl | ./sign.component.html |
import { Component, OnInit } from '@angular/core';
/**
*Pantalla de inicio de la aplicación.
*/
@Component({
selector: 'app-sign',
templateUrl: './sign.component.html',
styleUrls: ['./sign.component.css']
})
export class SignComponent implements OnInit {
/**
*@ignore
*/
constructor() { }
/**
*@ignore
*/
ngOnInit() { }
}
<div class="container text-center">
<img src="/assets/images/logo.png" class="img text-center" alt="Logo FixLab">
</div>
<div class="container-fluid">
<div class="saludo">
<div class="botones">
<a class="btn btn-lg btn-block btn-dark" role="button" [routerLink]="['/login']">
Inicia sesión
</a>
<a class="btn btn-lg btn-light btn-block" role="button" [routerLink]="['/register']">
Regístrate
</a>
</div>
</div>
</div>
./sign.component.css
.saludo{
margin: 0 auto;
width: 70%;
justify-content: center;
}
.titulo{
text-align: center;
color: white;
font-size: 90px;
padding: 2px;
background-size: cover;
padding: 1px;
font-family: 'Noto Sans KR', sans-serif;
}
.botones{
margin: 0 auto;
position: relative;
display: block;
font-family: 'Noto Sans KR', sans-serif;
}
.btn-dark{
background-color: #060504;
border-color: #060504;
}
.btn-dark:hover{
background-color:#343a40;
border-color: #343a40;
}
img
{
width: 300px;
height: 200px;
}
.dark
{
background-color: #151515ba;
color: #fff;
box-sizing: border-box;
border-radius: 20px;
}