TheCloneArmy/crater
1
0
Fork 1
mirror of https://github.com/crater-invoice/crater.git synced 2025-10-28 12:11:08 -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

7
resources/scripts/components/base/BaseWizardStep.vue
View File

@ -9,6 +9,7 @@
</p>
</div>
<slot />
<BaseDarkHighlight class="z-[-1]"/>
</div>
</template>
@ -25,16 +26,16 @@ const props = defineProps({
stepContainerClass: {
type: String,
default:
'w-full p-8 mb-8 bg-white border border-gray-200 border-solid rounded',
'w-full p-8 mb-8 bg-white border border-gray-200 border-solid rounded dark:from-gray-700/70 dark:to-gray-800/70 dark:bg-transparent dark:backdrop-blur-xl dark:shadow-glass dark:border dark:border-white/10',
},
stepTitleClass: {
type: String,
default: 'text-2xl not-italic font-semibold leading-7 text-black',
default: 'text-2xl not-italic font-semibold leading-7 text-black dark:text-white',
},
stepDescriptionClass: {
type: String,
default:
'w-full mt-2.5 mb-8 text-sm not-italic leading-snug text-gray-500 lg:w-7/12 md:w-7/12 sm:w-7/12',
'w-full mt-2.5 mb-8 text-sm not-italic leading-snug text-gray-500 dark:text-gray-300 lg:w-7/12 md:w-7/12 sm:w-7/12',
},
})
</script>