UI: Angular 15 migration

This commit is contained in:
Igor Kulikov 2023-03-01 18:48:12 +02:00
parent d2876e7a79
commit 4f5e7ef9b6
6 changed files with 7 additions and 6 deletions

View File

@ -16,7 +16,7 @@
-->
<div class="tb-create-password-content mat-app-background tb-dark" fxLayout="row" fxLayoutAlign="center center" style="width: 100%;">
<mat-card appearance="outlined" fxFlex="initial" class="tb-create-password-card">
<mat-card appearance="raised" fxFlex="initial" class="tb-create-password-card">
<mat-card-header>
<mat-card-title class="layout-padding">
<span translate class="mat-headline-5">login.create-password</span>

View File

@ -16,10 +16,10 @@
-->
<div class="tb-login-content mat-app-background tb-dark" fxFlex fxLayoutAlign="center center">
<mat-card appearance="outlined" style="max-height: 80vh; overflow-y: auto;">
<mat-card appearance="raised" style="max-height: 80vh; overflow-y: auto;">
<mat-card-content>
<form class="tb-login-form" [formGroup]="loginFormGroup" (ngSubmit)="login()">
<fieldset [disabled]="isLoading$ | async" fxLayout="column">
<fieldset fxLayout="column">
<div fxLayout="column" fxLayoutAlign="start center" style="padding: 15px 0;">
<tb-logo class="login-logo"></tb-logo>
</div>

View File

@ -17,7 +17,7 @@
-->
<div class="tb-request-password-reset-content mat-app-background tb-dark" fxLayout="row" fxLayoutAlign="center center"
style="width: 100%;">
<mat-card appearance="outlined" fxFlex="initial" class="tb-request-password-reset-card">
<mat-card appearance="raised" fxFlex="initial" class="tb-request-password-reset-card">
<mat-card-header>
<mat-card-title class="layout-padding">
<span translate class="mat-headline-5">login.request-password-reset</span>

View File

@ -16,7 +16,7 @@
-->
<div class="tb-reset-password-content mat-app-background tb-dark" fxLayout="row" fxLayoutAlign="center center" style="width: 100%;">
<mat-card appearance="outlined" fxFlex="initial" class="tb-reset-password-card">
<mat-card appearance="raised" fxFlex="initial" class="tb-reset-password-card">
<mat-card-header>
<mat-card-title class="layout-padding tb-card-title">
<span translate class="mat-headline-5 tb-card-title">login.password-reset</span>

View File

@ -17,7 +17,7 @@
-->
<div class="tb-two-factor-auth-login-content mat-app-background tb-dark" fxLayout="row" fxLayoutAlign="center center"
style="width: 100%;">
<mat-card appearance="outlined" fxFlex="initial" class="tb-two-factor-auth-login-card" >
<mat-card appearance="raised" fxFlex="initial" class="tb-two-factor-auth-login-card" >
<mat-card-header>
<mat-card-title class="mat-headline-5" fxLayout="row" fxLayoutAlign="start center">
<button mat-icon-button type="button" (click)="cancelLogin()">

View File

@ -246,6 +246,7 @@ $tb-dark-theme: map_merge($tb-dark-theme, $color);
@include mat.all-component-themes($tb-theme);
@include mat-datetimepicker-theme($tb-theme);
@include tb-components-theme($tb-theme);
@include mat.typography-hierarchy($tb-theme);
}
.tb-dark {