src/lib/authentication-container/authentication-container.component.ts
| selector | rxap-authentication-container |
| imports |
RouterOutlet
|
| styleUrls | ./authentication-container.component.scss |
| templateUrl | ./authentication-container.component.html |
import { Component } from '@angular/core';
import { RouterOutlet } from '@angular/router';
@Component({
selector: 'rxap-authentication-container',
templateUrl: './authentication-container.component.html',
styleUrls: ['./authentication-container.component.scss'],
imports: [
RouterOutlet,
]
})
export class AuthenticationContainerComponent {
}
<div class="content">
<div class="split mat-elevation-z3"></div>
<router-outlet></router-outlet>
<ng-content></ng-content>
</div>
./authentication-container.component.scss
.content {
height: 100vh;
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
overflow-x: hidden;
.split {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 65vh;
z-index: -10;
background-color: var(--accent-500, #3ee73e);
}
}