Я следую инструкциям https://akveo.github.io/nebular/docs/auth/custom-auth-components#create-auth-module.
для создания настраиваемого компонента входа в систему.
Проблема в том, как убрать кнопку возврата с этого компонента?
Я следую инструкциям https://akveo.github.io/nebular/docs/auth/custom-auth-components#create-auth-module.
для создания настраиваемого компонента входа в систему.
Проблема в том, как убрать кнопку возврата с этого компонента?
Просто попробуйте этот css в файле component.scss
::ng-deep .navigation .link nb-icon {
display: none !important;
}
Следуя инструкциям, которые вы предоставили выше, в разделе «Настройка контейнера аутентификации» вы увидите, что он использует компонент контейнера Nebular Auth по умолчанию:
export const routes: Routes = [
{
path: '',
component: NbAuthComponent, // <---
},
];
Что вам нужно сделать, так это создать свой собственный контейнер аутентификации и изменить шаблон в соответствии с вашими потребностями. В качестве отправной точки вы можете проверить код исходного контейнера аутентификации Nebular здесь:
https://github.com/akveo/nebular/blob/v2.0.0/src/framework/auth/components/auth.component.ts
Вы хотите удалить следующий код:
<nav class="navigation">
<a href="#" (click)="back()" class="link" aria-label="Back"><i class="icon nb-arrow-thin-left"></i></a>
</nav>
Надеюсь, я прояснил это. Если нет, не стесняйтесь спрашивать свои сомнения, и я приведу более краткий пример.
Ваше здоровье,
Вам нужно открыть шаблон вашего настраиваемого компонента «NbAuthComponent» и удалить кнопку «Назад» из «nb-card-header». Это должно помочь.
Благодаря alexandros nikoloulopoulos id хотел бы добавить способ, как скрыть весь заголовок карты (добавить его в component.scss):
::ng-deep .nb-theme-default nb-card-header {
display: none !important;
}