atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-03-07 14:39:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix Stepper Contrast

Browse Source
This commit is contained in:
David Haz
2025-08-01 23:24:56 +03:00
parent 92dce03146
commit f0d7ea7f5c
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/content/Components/Stepper/Stepper.vue
View File

@@ -20,7 +20,7 @@
> >
<svg <svg
v-if="getStepStatus(index + 1) === 'complete'" v-if="getStepStatus(index + 1) === 'complete'"
class="h-4 w-4 text-white stroke-white" class="h-4 w-4 text-black stroke-black"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
:stroke-width="2" :stroke-width="2"
@@ -39,7 +39,7 @@
" "
/> />
</svg> </svg>
<div v-else-if="getStepStatus(index + 1) === 'active'" class="h-3 w-3 rounded-full bg-white" /> <div v-else-if="getStepStatus(index + 1) === 'active'" class="h-3 w-3 rounded-full bg-black" />
<span v-else class="text-sm">{{ index + 1 }}</span> <span v-else class="text-sm">{{ index + 1 }}</span>
</div> </div>
@@ -114,7 +114,7 @@
<button <button
@click="isLastStep ? handleComplete() : handleNext()" @click="isLastStep ? handleComplete() : handleNext()"
:disabled="nextButtonProps?.disabled" :disabled="nextButtonProps?.disabled"
:class="`border-none bg-[#27ff64] transition-all duration-[350ms] flex items-center justify-center rounded-full text-white font-medium tracking-tight px-3.5 py-1.5 cursor-pointer hover:bg-[#22e55c] disabled:opacity-50 disabled:cursor-not-allowed`" :class="`border-none bg-[#27ff64] transition-all duration-[350ms] flex items-center justify-center rounded-full text-black font-medium tracking-tight px-3.5 py-1.5 cursor-pointer hover:bg-[#22e55c] disabled:opacity-50 disabled:cursor-not-allowed`"
> >
{{ isLastStep ? 'Complete' : nextButtonText }} {{ isLastStep ? 'Complete' : nextButtonText }}
</button> </button>