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

add dark-mode in BaseRadio component (#1182)

Browse Source
This commit is contained in:
varshapun
2023-03-28 17:34:18 +05:30
committed by GitHub
parent 5c67780870
commit 5aa7decdbe
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
resources/scripts/components/base/BaseRadio.vue
View File

@ -19,7 +19,7 @@
]" ]"
aria-hidden="true" aria-hidden="true"
> >
<span class="rounded-full bg-white w-1.5 h-1.5" /> <span class="rounded-full bg-white w-1.5 h-1.5" :class="{ 'bg-white': checked }"/>
</span> </span>
<div class="flex flex-col ml-3"> <div class="flex flex-col ml-3">
<RadioGroupLabel <RadioGroupLabel
@ -66,11 +66,11 @@ const props = defineProps({
}, },
checkedStateClass: { checkedStateClass: {
type: String, type: String,
default: 'bg-primary-600', default: 'bg-primary-600 ',
}, },
unCheckedStateClass: { unCheckedStateClass: {
type: String, type: String,
default: 'bg-white ', default: 'bg-white dark:bg-transparent',
}, },
optionGroupActiveStateClass: { optionGroupActiveStateClass: {
type: String, type: String,
@ -78,16 +78,16 @@ const props = defineProps({
}, },
checkedStateLabelClass: { checkedStateLabelClass: {
type: String, type: String,
default: 'text-primary-900 ', default: 'text-primary-900 dark:text-primary-400',
}, },
unCheckedStateLabelClass: { unCheckedStateLabelClass: {
type: String, type: String,
default: 'text-gray-900', default: 'text-gray-900 dark:text-white',
}, },
optionGroupClass: { optionGroupClass: {
type: String, type: String,
default: default:
'h-4 w-4 mt-0.5 cursor-pointer rounded-full border flex items-center justify-center', 'h-4 w-4 mt-0.5 cursor-pointer rounded-full border flex items-center justify-center dark:border-gray-600',
}, },
optionGroupLabelClass: { optionGroupLabelClass: {
type: String, type: String,