ngx-admin customized login style

Issue type

Style not works I’m submitting a … (check one with “x”)

• bug report
• feature request

Issue description

Current behavior:

Expected behavior:

Steps to reproduce:

Related code:

insert short code snippets here

Other information:

npm, node, OS, Browser

<!--
Node, npm: `node --version` and `npm --version`
OS: Windows (7/8/10). Linux (incl. distribution). macOS (El Capitan? Sierra?)
Browser: Chrome/Safari/Firefox/etc?
-->

Angular, Nebular

<!--
Check your `package-lock.json` or locate a `package.json` in the `node_modules` folder.
-->

[dizco]

To remove the back arrow, you should override the NbAuthComponent with your own, just like you did for the NbLoginComponent.

Then, you change your auth routing module to look like

export const routes: Routes = [
    {
        path: '',
        component: AuthComponent, // <-- Notice this here, use your own instance
        children: [
            {
                path: 'login',
                component: LoginComponent,
            },
        ],
    },
];

Obviously, you’ll want to create your own instance of AuthComponent. Here’s mine:

import { Component } from '@angular/core';
import { NbAuthComponent } from '@nebular/auth';

@Component({
    selector: 'auth',
    styleUrls: ['./auth.component.scss'],
    template: `
    <nb-layout>
      <nb-layout-column>
        <nb-card>
          <nb-card-body>
            <nb-auth-block>
              <router-outlet></router-outlet>
            </nb-auth-block>
          </nb-card-body>
        </nb-card>
      </nb-layout-column>
    </nb-layout>
  `,
})
export class AuthComponent extends NbAuthComponent {
}

You will also need to copy auth.component.scss from the nebular repo, unfortunately. But that should be it 😃

[joemak93]

Hello @Prefix1802 @nnixaa , May I know how to remove the “back button” in the page top-left?