mirror of
https://github.com/crater-invoice/crater.git
synced 2025-10-28 12:11:08 -04:00
f6639f5863
* add dark mode in basedropdown * dark mod add in global search, header * add dark mode in company switch * indentation issue fix company switch * fix dropdown issues --------- Co-authored-by: yogesh-gohil <yogeshgohil1611@gmail.com>
22 lines
608 B
Vue
22 lines
608 B
Vue
<template>
|
|
<MenuItem v-slot="{ active }" v-bind="$attrs">
|
|
<a
|
|
href="#"
|
|
class="group flex items-center px-4 py-2 text-sm font-normal"
|
|
:class="[
|
|
active
|
|
? 'bg-gray-100 text-gray-900 dark:text-white dark:bg-gray-700'
|
|
: 'text-gray-700 dark:text-gray-200',
|
|
]"
|
|
>
|
|
<slot :active="active" :class="defaultIconClass" />
|
|
</a>
|
|
</MenuItem>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { MenuItem } from '@headlessui/vue'
|
|
const defaultIconClass =
|
|
'w-5 h-5 mr-3 text-gray-400 group-hover:text-gray-500 dark:text-gray-400 dark:group-hover:text-white'
|
|
</script>
|