feat: expand the clickable areas ribbon panel (#3917)

This commit is contained in:
Faisal Amir 2024-11-01 17:55:00 +07:00 committed by GitHub
parent 32ad4aeab3
commit 6ca6ee3fb8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -95,10 +95,11 @@ export default function RibbonPanel() {
return ( return (
<div <div
className={twMerge( className={twMerge(
'relative my-0.5 flex h-8 w-8 items-center justify-center rounded-md hover:bg-[hsla(var(--ribbon-panel-icon-hover))]', 'relative my-0.5 flex h-8 w-8 cursor-pointer items-center justify-center rounded-md hover:bg-[hsla(var(--ribbon-panel-icon-hover))]',
i === 1 && 'mb-auto' i === 1 && 'mb-auto'
)} )}
key={i} key={i}
onClick={() => onMenuClick(menu.state)}
> >
<Tooltip <Tooltip
side="right" side="right"
@ -112,7 +113,6 @@ export default function RibbonPanel() {
isActive && isActive &&
'z-10 text-[hsla(var(--ribbon-panel-icon-active))]' 'z-10 text-[hsla(var(--ribbon-panel-icon-active))]'
)} )}
onClick={() => onMenuClick(menu.state)}
> >
{menu.icon} {menu.icon}
</div> </div>