Menu: move <hr> styles to component

This commit is contained in:
Alex Gleason 2023-02-06 16:15:00 -06:00
parent f6f3973eac
commit aa8f84d352
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 1 additions and 5 deletions

View file

@ -31,7 +31,3 @@ div:focus[data-reach-menu-list] {
[data-reach-menu-link][data-disabled] {
@apply opacity-25 cursor-default;
}
[data-reach-menu-popover] hr {
@apply my-1 mx-2 border-t-2 border-gray-100 dark:border-gray-800;
}

View file

@ -37,6 +37,6 @@ const MenuList: React.FC<IMenuList> = (props) => {
};
/** Divides menu items. */
const MenuDivider = () => <hr />;
const MenuDivider = () => <hr className='my-1 mx-2 border-t-2 border-gray-100 dark:border-gray-800' />;
export { Menu, MenuButton, MenuDivider, MenuItems, MenuItem, MenuList, MenuLink };