fix mobile menu button highlight issue

This commit is contained in:
Josh Hawkins 2025-11-05 08:32:22 -06:00
parent 6b0d4a6f71
commit 20e7c08257

View File

@ -157,9 +157,11 @@ function MobileMenuItem({
const { t } = useTranslation(["views/settings"]); const { t } = useTranslation(["views/settings"]);
return ( return (
<Button <div
variant="ghost" className={cn(
className={cn("w-full justify-between pr-2", className)} "inline-flex h-10 w-full cursor-pointer items-center justify-between whitespace-nowrap rounded-md px-4 py-2 pr-2 text-sm font-medium text-primary-variant disabled:pointer-events-none disabled:opacity-50",
className,
)}
onClick={() => { onClick={() => {
onSelect(item.key); onSelect(item.key);
onClose?.(); onClose?.();
@ -167,7 +169,7 @@ function MobileMenuItem({
> >
<div className="smart-capitalize">{t("menu." + item.key)}</div> <div className="smart-capitalize">{t("menu." + item.key)}</div>
<LuChevronRight className="size-4" /> <LuChevronRight className="size-4" />
</Button> </div>
); );
} }