소스 검색

fix: zoom in/out click (#12056)

Co-authored-by: marvin <sea-son@foxmail.com>
tags/0.15.0
marvin-season 10 달 전
부모
커밋
b281a80150
No account linked to committer's email address
1개의 변경된 파일10개의 추가작업 그리고 4개의 파일을 삭제
  1. 10
    4
      web/app/components/workflow/operator/zoom-in-out.tsx

+ 10
- 4
web/app/components/workflow/operator/zoom-in-out.tsx 파일 보기

crossAxis: -2, crossAxis: -2,
}} }}
> >
<PortalToFollowElemTrigger asChild onClick={handleTrigger}>
<PortalToFollowElemTrigger asChild>
<div className={` <div className={`
p-0.5 h-9 cursor-pointer text-[13px] backdrop-blur-[5px] rounded-lg p-0.5 h-9 cursor-pointer text-[13px] backdrop-blur-[5px] rounded-lg
bg-components-actionbar-bg shadow-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg shadow-lg border-[0.5px] border-components-actionbar-border
shortcuts={['ctrl', '-']} shortcuts={['ctrl', '-']}
> >
<div <div
className='flex items-center justify-center w-8 h-8 rounded-lg cursor-pointer'
className={`flex items-center justify-center w-8 h-8 rounded-lg ${zoom <= 0.25 ? 'cursor-not-allowed' : 'cursor-pointer hover:bg-black/5'}`}
onClick={(e) => { onClick={(e) => {
if (zoom <= 0.25)
return

e.stopPropagation() e.stopPropagation()
zoomOut() zoomOut()
}} }}
<RiZoomOutLine className='w-4 h-4 text-text-tertiary hover:text-text-secondary' /> <RiZoomOutLine className='w-4 h-4 text-text-tertiary hover:text-text-secondary' />
</div> </div>
</TipPopup> </TipPopup>
<div className={cn('w-[34px] system-sm-medium text-text-tertiary hover:text-text-secondary')}>{parseFloat(`${zoom * 100}`).toFixed(0)}%</div>
<div onClick={handleTrigger} className={cn('w-[34px] system-sm-medium text-text-tertiary hover:text-text-secondary')}>{parseFloat(`${zoom * 100}`).toFixed(0)}%</div>
<TipPopup <TipPopup
title={t('workflow.operator.zoomIn')} title={t('workflow.operator.zoomIn')}
shortcuts={['ctrl', '+']} shortcuts={['ctrl', '+']}
> >
<div <div
className='flex items-center justify-center w-8 h-8 rounded-lg cursor-pointer'
className={`flex items-center justify-center w-8 h-8 rounded-lg ${zoom >= 2 ? 'cursor-not-allowed' : 'cursor-pointer hover:bg-black/5'}`}
onClick={(e) => { onClick={(e) => {
if (zoom >= 2)
return

e.stopPropagation() e.stopPropagation()
zoomIn() zoomIn()
}} }}

Loading…
취소
저장