fix(console): create user route, common mixin for app grid, avatar (#505)

* warn color, move themed conf to destination

* fix user creation

* cleanup create component
This commit is contained in:
Max Peintner
2020-07-22 14:40:37 +02:00
committed by GitHub
parent c66d9d3490
commit 7dcc5f9e58
12 changed files with 85 additions and 140 deletions

View File

@@ -1,19 +0,0 @@
@import '~@angular/material/theming';
@mixin avatar-theme($theme) {
$accent: map-get($theme, accent);
$background: map-get($theme, background);
$background-color: mat-color($background, card);
$primary: map-get($theme, primary);
$primary-color: mat-color($primary, 500);
$primary-dark: mat-color($primary, A800);
$border-color: mat-color($primary, A700);
$border-selected-color: mat-color($primary, A600);
.avatar-circle {
background-color: $primary-color;
box-sizing: border-box;
outline: none;
color: white;
}
}

View File

@@ -1,29 +0,0 @@
@import '~@angular/material/theming';
@mixin morph-card-theme($theme) {
$accent: map-get($theme, accent);
$background: map-get($theme, background);
$background-color: mat-color($background, card);
$primary: map-get($theme, primary);
$primary-dark: mat-color($primary, A900);
$secondary-dark: mat-color($primary, A800);
$accent: map-get($theme, accent);
$accent-color: mat-color($accent, 500);
.morph-card {
cursor: pointer;
animation: all .2s;
height: 80px;
width: 80px;
margin: 1rem;
border-radius: 16px;
border: 1px solid $accent-color;
background-color: $primary-dark;
transition: background-color .4s ease-in-out;
&.add {
background: $accent-color;
}
}
}