full dropdown clickable
This commit is contained in:
parent
ae60a7317f
commit
2bbceaa982
1 changed files with 4 additions and 4 deletions
|
|
@ -14,7 +14,7 @@ export default function DisclosureComponent({
|
||||||
{({ open }) => (
|
{({ open }) => (
|
||||||
<>
|
<>
|
||||||
<div>
|
<div>
|
||||||
<div className="select-none bg-gray-50 dark:bg-gray-700 dark:border-y-gray-600 w-full flex justify-between items-center -mt-px px-3 py-2 border-y border-y-gray-200">
|
<Disclosure.Button className="select-none bg-gray-50 dark:bg-gray-700 dark:border-y-gray-600 w-full flex justify-between items-center -mt-px px-3 py-2 border-y border-y-gray-200">
|
||||||
<div className="flex gap-4">
|
<div className="flex gap-4">
|
||||||
<Icon className="w-6 text-gray-800 dark:text-white" />
|
<Icon className="w-6 text-gray-800 dark:text-white" />
|
||||||
<span className="flex items-center text-sm text-gray-800 dark:text-white font-medium">
|
<span className="flex items-center text-sm text-gray-800 dark:text-white font-medium">
|
||||||
|
|
@ -27,15 +27,15 @@ export default function DisclosureComponent({
|
||||||
{x.Icon}
|
{x.Icon}
|
||||||
</button>
|
</button>
|
||||||
))}
|
))}
|
||||||
<Disclosure.Button as="button">
|
<div>
|
||||||
<ChevronRightIcon
|
<ChevronRightIcon
|
||||||
className={`${
|
className={`${
|
||||||
open ? "rotate-90 transform" : ""
|
open ? "rotate-90 transform" : ""
|
||||||
} h-4 w-4 text-gray-800 dark:text-white`}
|
} h-4 w-4 text-gray-800 dark:text-white`}
|
||||||
/>
|
/>
|
||||||
</Disclosure.Button>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</Disclosure.Button>
|
||||||
</div>
|
</div>
|
||||||
<Disclosure.Panel as="div" className="-mt-px">
|
<Disclosure.Panel as="div" className="-mt-px">
|
||||||
{children}
|
{children}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue