change colors
This commit is contained in:
parent
235edd247c
commit
ce60fbf906
|
@ -7,11 +7,6 @@
|
||||||
<div
|
<div
|
||||||
class="flex-1 mx-2 transition-all duration-300"
|
class="flex-1 mx-2 transition-all duration-300"
|
||||||
[class.bg-primary]="$index < currentStep"
|
[class.bg-primary]="$index < currentStep"
|
||||||
[class.bg-success]="
|
|
||||||
$index < currentStep - 1 &&
|
|
||||||
isStepValid($index) &&
|
|
||||||
isStepValid($index + 1)
|
|
||||||
"
|
|
||||||
[class.bg-warning]="
|
[class.bg-warning]="
|
||||||
$index < currentStep - 1 &&
|
$index < currentStep - 1 &&
|
||||||
(!isStepValid($index) || !isStepValid($index + 1))
|
(!isStepValid($index) || !isStepValid($index + 1))
|
||||||
|
@ -26,7 +21,6 @@
|
||||||
<div class="flex flex-col items-center z-10">
|
<div class="flex flex-col items-center z-10">
|
||||||
<button
|
<button
|
||||||
[class.bg-primary]="$index <= currentStep"
|
[class.bg-primary]="$index <= currentStep"
|
||||||
[class.bg-success]="$index < currentStep && isStepValid($index)"
|
|
||||||
[class.bg-warning]="$index < currentStep && !isStepValid($index)"
|
[class.bg-warning]="$index < currentStep && !isStepValid($index)"
|
||||||
[class.bg-base-300]="$index > currentStep"
|
[class.bg-base-300]="$index > currentStep"
|
||||||
class="w-10 h-10 rounded-full flex items-center justify-center text-sm font-bold text-base-100 transition-all duration-300 mb-2 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary"
|
class="w-10 h-10 rounded-full flex items-center justify-center text-sm font-bold text-base-100 transition-all duration-300 mb-2 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary"
|
||||||
|
|
Loading…
Reference in New Issue