diff --git a/tldraw/apps/tldraw-logseq/src/components/ContextMenu/ContextMenu.tsx b/tldraw/apps/tldraw-logseq/src/components/ContextMenu/ContextMenu.tsx index 486d691ff..214be7287 100644 --- a/tldraw/apps/tldraw-logseq/src/components/ContextMenu/ContextMenu.tsx +++ b/tldraw/apps/tldraw-logseq/src/components/ContextMenu/ContextMenu.tsx @@ -40,70 +40,75 @@ export const ContextMenu = observer(function ContextMenu({ >
{app.selectedShapes?.size > 1 && ( - -
- - - - - -
-
- - - - - -
+ <> + +
+ + + + + +
+
+ + + + + +
+
runAndTransition(app.packIntoRectangle)} > + Pack into rectangle -
+ )} {app.selectedShapes?.size > 0 && ( <> @@ -111,6 +116,7 @@ export const ContextMenu = observer(function ContextMenu({ className="tl-menu-item" onClick={() => runAndTransition(app.cut)} > + Cut
@@ -122,6 +128,7 @@ export const ContextMenu = observer(function ContextMenu({ className="tl-menu-item" onClick={() => runAndTransition(app.copy)} > + Copy
@@ -135,6 +142,7 @@ export const ContextMenu = observer(function ContextMenu({ className="tl-menu-item" onClick={() => runAndTransition(app.paste)} > + Paste
@@ -168,6 +176,7 @@ export const ContextMenu = observer(function ContextMenu({ className="tl-menu-item" onClick={() => runAndTransition(app.api.deleteShapes)} > + Delete
@@ -182,12 +191,14 @@ export const ContextMenu = observer(function ContextMenu({ className="tl-menu-item" onClick={() => runAndTransition(app.flipHorizontal)} > + Flip horizontally runAndTransition(app.flipVertical)} > + Flip vertically diff --git a/tldraw/apps/tldraw-logseq/src/styles.css b/tldraw/apps/tldraw-logseq/src/styles.css index a72712bb1..a63a7ac4a 100644 --- a/tldraw/apps/tldraw-logseq/src/styles.css +++ b/tldraw/apps/tldraw-logseq/src/styles.css @@ -23,7 +23,7 @@ } .tl-menu-item { - @apply flex items-center px-4 py-1 text-sm !important; + @apply flex items-center pl-10 pr-4 py-1 text-sm relative !important; min-width: 220px; all: unset; @@ -39,6 +39,10 @@ cursor: pointer; background-color: var(--ls-primary-background-color) !important; } + + .tl-menu-icon { + @apply absolute left-4 text-base opacity-50; + } } .tl-menu-button-row {