fix: zoom menu labels

pull/6534/head
Konstantinos Kaloutas 2022-08-31 16:26:42 +03:00
parent 89bf35d282
commit a50e8a206a
1 changed files with 6 additions and 5 deletions

View File

@ -24,14 +24,15 @@ export const ZoomMenu = observer(function ZoomMenu(): JSX.Element {
onSelect={preventEvent} onSelect={preventEvent}
onClick={app.api.zoomToFit} onClick={app.api.zoomToFit}
> >
Zoom to Fit <div className="tl-zoom-menu-right-slot"></div> Zoom to fit
<div className="tl-zoom-menu-right-slot"></div>
</DropdownMenuPrimitive.Item> </DropdownMenuPrimitive.Item>
<DropdownMenuPrimitive.Item <DropdownMenuPrimitive.Item
className="menu-link tl-zoom-menu-dropdown-item" className="menu-link tl-zoom-menu-dropdown-item"
onSelect={preventEvent} onSelect={preventEvent}
onClick={app.api.zoomToSelection} onClick={app.api.zoomToSelection}
> >
Zoom to Selection{' '} Zoom to selection
<div className="tl-zoom-menu-right-slot"> <div className="tl-zoom-menu-right-slot">
<span className="keyboard-shortcut"> <span className="keyboard-shortcut">
<code>{MOD_KEY}</code> <code>-</code> <code>{MOD_KEY}</code> <code>-</code>
@ -43,7 +44,7 @@ export const ZoomMenu = observer(function ZoomMenu(): JSX.Element {
onSelect={preventEvent} onSelect={preventEvent}
onClick={app.api.zoomIn} onClick={app.api.zoomIn}
> >
Zoom In{' '} Zoom in
<div className="tl-zoom-menu-right-slot"> <div className="tl-zoom-menu-right-slot">
<span className="keyboard-shortcut"> <span className="keyboard-shortcut">
<code>{MOD_KEY}</code> <code>+</code> <code>{MOD_KEY}</code> <code>+</code>
@ -55,7 +56,7 @@ export const ZoomMenu = observer(function ZoomMenu(): JSX.Element {
onSelect={preventEvent} onSelect={preventEvent}
onClick={app.api.zoomOut} onClick={app.api.zoomOut}
> >
Zoom Out{' '} Zoom out
<div className="tl-zoom-menu-right-slot"> <div className="tl-zoom-menu-right-slot">
<span className="keyboard-shortcut"> <span className="keyboard-shortcut">
<code>{MOD_KEY}</code> <code>-</code> <code>{MOD_KEY}</code> <code>-</code>
@ -67,7 +68,7 @@ export const ZoomMenu = observer(function ZoomMenu(): JSX.Element {
onSelect={preventEvent} onSelect={preventEvent}
onClick={app.api.resetZoom} onClick={app.api.resetZoom}
> >
Reset Zoom{' '} Reset zoom
<div className="tl-zoom-menu-right-slot"> <div className="tl-zoom-menu-right-slot">
<span className="keyboard-shortcut"> <span className="keyboard-shortcut">
<code></code> <code>0</code> <code></code> <code>0</code>