PrivateCoffee/tldraw
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix zoom buttons

Browse source
This commit is contained in:
Steve Ruiz 2021-06-24 09:17:54 +01:00
parent b5490b6857
commit 035b98afbc
1 changed files with 6 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

11
components/tools-panel/zoom.tsx
View file

@ -2,7 +2,7 @@ import { ZoomInIcon, ZoomOutIcon } from '@radix-ui/react-icons'
import { IconButton } from 'components/shared' import { IconButton } from 'components/shared'
import state, { useSelector } from 'state' import state, { useSelector } from 'state'
import styled from 'styles' import styled from 'styles'
import { getCurrentCamera } from 'utils/utils' import { getCurrentCamera } from 'utils'
import Tooltip from '../tooltip' import Tooltip from '../tooltip'
const zoomIn = () => state.send('ZOOMED_IN') const zoomIn = () => state.send('ZOOMED_IN')
@ -34,7 +34,11 @@ function ZoomCounter() {
const zoom = useSelector((s) => getCurrentCamera(s.data).zoom) const zoom = useSelector((s) => getCurrentCamera(s.data).zoom)
return ( return (
<ZoomButton onClick={zoomToActual} onDoubleClick={zoomToFit}> <ZoomButton
onClick={zoomToActual}
onDoubleClick={zoomToFit}
style={{ width: '44px' }}
>
{Math.round(zoom * 100)}% {Math.round(zoom * 100)}%
</ZoomButton> </ZoomButton>
) )
@ -73,9 +77,6 @@ const Container = styled('div', {
bottom: 12, bottom: 12,
flexDirection: 'row', flexDirection: 'row',
alignItems: 'center', alignItems: 'center',
[`& ${ZoomButton}`]: {
width: 44,
},
}, },
}, },
}, },