DCB/dcb-backoffice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add DCB User Service API - Authentication system with KEYCLOAK - Modular architecture with services for each feature

Browse Source
This commit is contained in:
diallolatoile 2025-12-16 22:49:28 +00:00
parent 87d72473ab
commit 4788a9d814
2 changed files with 63 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/modules/about/about.scss
View File

@ -280,9 +280,16 @@ $red: #ef4444;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
} }
@each $color, $value in (indigo: $indigo, green: $green, blue: $blue, purple: $purple) { $stat-colors: (
&.stat-#{$color}:hover { "indigo": $indigo,
border-color: rgba($value, 0.3); "green": $green,
"amber": $amber,
"purple": $purple
);
@each $color-name, $color-value in $stat-colors {
&.stat-#{$color-name}:hover {
border-color: rgba($color-value, 0.3);
} }
} }
} }
@ -460,9 +467,16 @@ $red: #ef4444;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
} }
@each $color, $value in (indigo: $indigo, green: $green, amber: $amber, purple: $purple) { $value-colors: (
&.value-#{$color}:hover { "indigo": $indigo,
border-color: rgba($value, 0.3); "green": $green,
"amber": $amber,
"purple": $purple
);
@each $color-name, $color-value in $value-colors {
&.value-#{$color-name}:hover {
border-color: rgba($color-value, 0.3);
} }
} }
} }

56
src/app/modules/help/help.scss
View File

@ -240,11 +240,21 @@ $red: #ef4444;
color: $text-muted; color: $text-muted;
} }
@each $color, $value in (indigo: $indigo, blue: $blue, green: $green, purple: $purple, orange: $orange, red: $red) { $quick-link-colors: (
&.quick-link-#{$color}:hover { "indigo": $indigo,
border-color: rgba($value, 0.3); "blue": $blue,
"green": $green,
"purple": $purple,
"orange": $orange,
"red": $red
);
@each $color-name, $color-value in $quick-link-colors {
&.quick-link-#{$color-name}:hover {
border-color: rgba($color-value, 0.3);
} }
} }
} }
.quick-link-icon { .quick-link-icon {
@ -300,15 +310,27 @@ $red: #ef4444;
overflow: hidden; overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
@each $color, $value in (indigo: $indigo, blue: $blue, green: $green, purple: $purple, orange: $orange, red: $red) { // Liste des catégories avec leurs couleurs
&.faq-category-#{$color} { $categories: (
"indigo": $indigo,
"blue": $blue,
"green": $green,
"purple": $purple,
"orange": $orange,
"red": $red
);
@each $name, $color in $categories {
$color-string: if(type-of($color) == color, inspect($color), $color);
&.faq-category-#{$name} {
.faq-category-header:hover { .faq-category-header:hover {
background: rgba($value, 0.02); background: rgba($color, 0.02);
} }
.category-icon.icon-#{$color} { .category-icon.icon-#{$name} {
background: rgba($value, 0.1); background: rgba($color, 0.1);
color: $value; color: $color;
} }
} }
} }
@ -437,18 +459,26 @@ $red: #ef4444;
} }
.faq-answer { .faq-answer {
padding: 0 1.25rem 1.25rem 4rem; $padding-x: 1.25rem;
$padding-y: 1.25rem;
$padding-left: 4rem;
padding: 0 $padding-x $padding-y $padding-left;
animation: fadeIn 0.3s ease; animation: fadeIn 0.3s ease;
p { p {
font-size: 0.9375rem; $font-size: 0.9375rem;
$line-height: 1.8;
$border-width: 3px;
font-size: $font-size;
color: $text-secondary; color: $text-secondary;
line-height: 1.8; line-height: $line-height;
margin: 0; margin: 0;
padding: 1rem; padding: 1rem;
background: $bg-card; background: $bg-card;
border-radius: 0.75rem; border-radius: 0.75rem;
border-left: 3px solid $indigo; border-left: $border-width solid $indigo;
} }
} }