### File

`src/lib/authentication-container/authentication-container.component.ts`

### Metadata

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);

      }

    }

Legend
Html element
Component
Html element with directive

# results matching ""

# No results matching ""