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);
}
@each $color, $value in (indigo: $indigo, green: $green, blue: $blue, purple: $purple) {
&.stat-#{$color}:hover {
border-color: rgba($value, 0.3);
$stat-colors: (
"indigo": $indigo,
"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);
}
@each $color, $value in (indigo: $indigo, green: $green, amber: $amber, purple: $purple) {
&.value-#{$color}:hover {
border-color: rgba($value, 0.3);
$value-colors: (
"indigo": $indigo,
"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;
}
@each $color, $value in (indigo: $indigo, blue: $blue, green: $green, purple: $purple, orange: $orange, red: $red) {
&.quick-link-#{$color}:hover {
border-color: rgba($value, 0.3);
$quick-link-colors: (
"indigo": $indigo,
"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 {
@ -300,15 +310,27 @@ $red: #ef4444;
overflow: hidden;
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) {
&.faq-category-#{$color} {
// Liste des catégories avec leurs couleurs
$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 {
background: rgba($value, 0.02);
background: rgba($color, 0.02);
}
.category-icon.icon-#{$color} {
background: rgba($value, 0.1);
color: $value;
.category-icon.icon-#{$name} {
background: rgba($color, 0.1);
color: $color;
}
}
}
@ -437,18 +459,26 @@ $red: #ef4444;
}
.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;
p {
font-size: 0.9375rem;
$font-size: 0.9375rem;
$line-height: 1.8;
$border-width: 3px;
font-size: $font-size;
color: $text-secondary;
line-height: 1.8;
line-height: $line-height;
margin: 0;
padding: 1rem;
background: $bg-card;
border-radius: 0.75rem;
border-left: 3px solid $indigo;
border-left: $border-width solid $indigo;
}
}