TheCloneArmy/crater
1
0
Fork 1
mirror of https://github.com/crater-invoice/crater.git synced 2025-10-29 12:41:10 -04:00
Code Issues Packages Projects Releases Wiki Activity

add dark mode in wizard steps (#1206)

Browse Source 
* add dark mode in wizard steps

* step navigation dark mode issue fixed
This commit is contained in:
Payal Dholakiya
2023-03-30 18:43:37 +05:30
committed by GitHub
parent deb039ba02
commit 18dc88682c
9 changed files with 22 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
resources/scripts/components/base/BaseWizardNavigation.vue
View File

@ -1,16 +1,7 @@
<template>
<div
:class="containerClass"
class="
relative
after:bg-gray-200
after:absolute
after:transform
after:top-1/2
after:-translate-y-1/2
after:h-2
after:w-full
"
class="relative after:bg-gray-200 dark:after:bg-gray-700 after:absolute after:transform after:top-1/2 after:-translate-y-1/2 after:h-2 after:w-full"
>
<a
v-for="(number, index) in steps"
@ -58,21 +49,21 @@ export default {
},
currentStepClass: {
type: String,
default: 'bg-white border-primary-500',
default: 'bg-white border-primary-500 dark:bg-gray-600 dark:border-gray-500 dark:border-primary-600',
},
nextStepClass: {
type: String,
default: 'border-gray-200 bg-white',
default: 'border-gray-200 bg-white dark:bg-gray-600 dark:border-gray-500',
},
previousStepClass: {
type: String,
default:
'bg-primary-500 border-primary-500 flex justify-center items-center',
'bg-primary-500 dark:bg-primary-600 border-primary-500 flex justify-center items-center dark:border-primary-600',
},
iconClass: {
type: String,
default:
'flex items-center justify-center w-full h-full text-sm font-black text-center text-white',
'flex items-center justify-center w-full h-full text-sm font-black text-center text-white dark:text-gray-400',
},
},