VSinerva/freesewing
1
0
Fork 0
Code Activity

remove daisy dropdown styling from headless dropdowns

Browse source
This commit is contained in:
Enoch Riese 2022-07-28 15:19:03 -05:00
parent ff2b48cab2
commit 8fff3b28b2
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
sites/shared/components/picker.js
View file

@ -5,17 +5,17 @@ import Link from 'next/link'
/** an accessible dropdown menu for use by picker components */
export const Picker = ({Icon, className, title, ariaLabel, iconOnly=false, children, end}) => {
return (<Menu as="div" className={`dropdown w-auto ${end ? 'dropdown-end' : ''}`}>
return (<Menu as="div" className={`w-auto relative`}>
<Menu.Button className={iconOnly
? `btn btn-sm`
: `m-0 btn btn-neutral flex flex-row gap-2
hover:bg-neutral-content hover:border-neutral-content hover:text-neutral
hover:bg-neutral-focus
`}
aria-label={ariaLabel}>
<Icon />
{!iconOnly && <span>{title}</span>}
</Menu.Button>
<Menu.Items as="ul" className={`p-2 shadow menu dropdown-content bg-base-100 rounded-box w-52 ${className}`}>
<Menu.Items as="ul" className={`p-2 shadow menu bg-base-100 rounded-box w-52 ${className} absolute ${end ? 'right-0' : 'left-0'} top-full mt-1`}>
{children}
</Menu.Items>
</Menu>)