How to remove NbAuthComponent header?

I know that I can remove the nb-card-header from node_modules/@nebular/auth/components/auth.component.js but it is possible to remove it without modifying the node_modules/?

[ahv1365]

try this, add in component.scss:

::ng-deep .nb-theme-default nb-card-header { display: none !important; }

[RronKurtishi]

try this, add in component.scss:

::ng-deep .nb-theme-default nb-card-header { display: none !important; }

That’s a very bad solution.

Because you are using ::ng-deep, it will remove all headers for every subsequent card you encounter (unless you refresh). Also using .nb-theme-default will only remove the headers for the default theme.

To only remove the header for the auth module, you can do this (it will work for all themes):

::ng-deep nb-auth nb-card-header {
  display: none !important;
}