fix(landing):Fixed the style of the mobile navigation bar menu bar (#1869)

This commit is contained in:
Lemming 2023-12-07 12:38:03 +08:00 committed by GitHub
parent 84d44afcd5
commit e4d21b001c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions

View file

@ -21,13 +21,13 @@ export function MobileDropdown() {
button={
<Button
aria-label="mobile-menu"
className="ml-[140px] hover:!bg-transparent"
className="hover:!bg-transparent"
size="icon"
>
<DotsThreeVertical weight="bold" className="h-6 w-6 " />
</Button>
}
className="right-4 top-2 block h-6 w-44 text-white lg:hidden"
className="right-4 top-2 block text-white lg:hidden"
itemsClassName="!rounded-2xl shadow-2xl shadow-black p-2 !bg-gray-850 mt-2 !border-gray-500 text-[15px]"
>
<Dropdown.Section>

View file

@ -95,8 +95,8 @@ export interface DropdownRootProps {
export const Root = (props: PropsWithChildren<DropdownRootProps>) => {
return (
<div className={props.className}>
<Menu as="div" className={clsx('relative flex w-full text-left')}>
<Menu.Button role="button" as="div" className="flex-1 outline-none">
<Menu as="div" className={clsx('relative flex w-full justify-end text-left')}>
<Menu.Button role="button" as="div" className="outline-none">
{props.button}
</Menu.Button>
<Transition