mirror of
https://github.com/zitadel/zitadel.git
synced 2025-08-26 05:58:44 +00:00
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:
@@ -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;
|
||||
}
|
||||
}
|
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user