feat: expand the clickable areas ribbon panel (#3917)
This commit is contained in:
parent
32ad4aeab3
commit
6ca6ee3fb8
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user