fix: zoom menu styles

This commit is contained in:
Konstantinos Kaloutas
2022-10-12 11:52:28 +03:00
committed by Tienson Qin
parent 81126d89fc
commit 93e3f53a3d
2 changed files with 9 additions and 1 deletions

View File

@@ -11,7 +11,7 @@ export const ZoomMenu = observer(function ZoomMenu(): JSX.Element {
return (
<DropdownMenuPrimitive.Root>
<DropdownMenuPrimitive.Trigger className="tl-button text-sm w-auto px-2" id="tl-zoom">
<DropdownMenuPrimitive.Trigger className="tl-button text-sm px-2 important" id="tl-zoom">
{(app.viewport.camera.zoom * 100).toFixed(0) + '%'}
</DropdownMenuPrimitive.Trigger>
<DropdownMenuPrimitive.Content className="tl-menu" id="zoomPopup" sideOffset={12}>

View File

@@ -45,6 +45,14 @@
}
}
#tl-zoom {
@apply w-auto !important;
}
#zoomPopup .tl-menu-item {
@apply pl-4 !important;
}
.tl-menu-button-row {
@apply flex justify-between px-4 py-1;
}