MycroftAI
/
selene-ui
mirror of https://github.com/MycroftAI/selene-ui.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

updated CSS that was missed when converting to Material 14

test
Chris Veilleux 2022-10-14 15:54:10 -05:00
parent 8e230b28c8
commit 0f48d969f9
2 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
projects/sso/src/app/modules/new-account/authentication-step/authentication-step.component.html
View File

@ -6,12 +6,14 @@
<mat-card class="mat-elevation-z0">
<h2 class="mat-h2">Log In With...</h2>
<p class="mat-body">{{federatedLoginText}}</p>
<sso-google-button (googleToken)="onFederatedLogin($event)"></sso-google-button>
<sso-facebook-button (facebookToken)="onFederatedLogin($event)"></sso-facebook-button>
<sso-github-button [newAccount]="true"></sso-github-button>
<p [hidden]="!federatedErrorMessage" id="federated-error" class="mat-body">
{{federatedErrorMessage}}
</p>
<div id="federated-buttons">
<sso-google-button (googleToken)="onFederatedLogin($event)"></sso-google-button>
<sso-facebook-button (facebookToken)="onFederatedLogin($event)"></sso-facebook-button>
<sso-github-button [newAccount]="true"></sso-github-button>
<p [hidden]="!federatedErrorMessage" id="federated-error" class="mat-body">
{{federatedErrorMessage}}
</p>
</div>
</mat-card>
<h1 class="mat-h1">OR</h1>

12
projects/sso/src/app/modules/new-account/authentication-step/authentication-step.component.scss
View File

@ -1,5 +1,5 @@
@import "@angular/material/theming";
@import "src/stylesheets/mycroft-theme";
@use "@angular/material" as mat;
@use "mycroft-theme" as theme;
mat-card {
margin-left: auto;
@ -7,7 +7,7 @@ mat-card {
max-width: 800px;
mat-card-title {
color: mat-color($mycroft-primary);
color: mat.get-color-from-palette(theme.$mycroft-primary, 500);
}
mat-card {
@ -15,16 +15,16 @@ mat-card {
max-width: 400px;
.mat-h2 {
color: mat-color($mycroft-accent, A700);
color: mat.get-color-from-palette(theme.$mycroft-accent, A700);
font-size: 20px;
}
#federated-error {
color: mat-color($mycroft-warn)
color: mat.get-color-from-palette(theme.$mycroft-warn, 500);
}
}
.mat-h1 {
color: mat-color($mycroft-primary);
color: mat.get-color-from-palette(theme.$mycroft-primary, 500);
padding: 32px;
}
}