fix: zoom menu styles

tldraw/apps/tldraw-logseq/src/components/ZoomMenu/ZoomMenu.tsx

@@ -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}>

tldraw/apps/tldraw-logseq/src/styles.css

@@ -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;
 }