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 baseListItem

Browse Source
This commit is contained in:
yashkanakiya
2023-03-23 17:57:40 +05:30
parent 15f3f566e3
commit 4645b21f91
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
resources/scripts/components/list/BaseListItem.vue
View File

@ -28,13 +28,13 @@ export default {
}, },
}, },
setup(props, { slots }) { setup(props, { slots }) {
const defaultClass = `cursor-pointer pb-2 pr-0 text-sm font-medium leading-5 flex items-center` const defaultClass = `cursor-pointer pb-2 pr-0 text-sm font-medium leading-5 flex items-center`
let hasIconSlot = computed(() => { let hasIconSlot = computed(() => {
return !!slots.icon return !!slots.icon
}) })
let containerClass = computed(() => { let containerClass = computed(() => {
if (props.active) return `${defaultClass} text-primary-500` if (props.active) return `${defaultClass} text-primary-500 dark:text-primary-400`
else return `${defaultClass} text-gray-500` else return `${defaultClass} text-gray-500 dark:text-gray-300`
}) })
return { return {
hasIconSlot, hasIconSlot,