fix(ui): toolbar seperator for the whiteboard

packages/tldraw/apps/tldraw-logseq/src/components/ContextBar/ContextBar.tsx

@@ -54,7 +54,7 @@ const _ContextBar: TLContextBarComponent<Shape> = ({ shapes, offsets, hidden })
             <React.Fragment key={idx}>
               <Action />
               {idx < Actions.length - 1 && (
-                <LSUI.Separator orientation="vertical" />
+                <LSUI.Separator className="tl-toolbar-separator" orientation="vertical" />
               )}
             </React.Fragment>
           ))}

packages/tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx

@@ -489,7 +489,7 @@ export class LogseqPortalShape extends TLBoxShape<LogseqPortalShapeProps> {
                 setTimeout(() => {
                   app.api.editShape(this)
                   window.logseq?.api?.edit_block?.(uuid)
-                })
+                }, 128)
               }}
               placeholder="Create or search your graph..."
             />

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

@@ -859,7 +859,8 @@ html[data-theme='dark'] {
 .tl-toolbar-separator {
   background-color: var(--ls-border-color, var(--rx-gray-06));
   width: 1px;
-  opacity: 0.9;
+  height: 24px;
+  opacity: 0.6;
 
   &[data-orientation='horizontal'] {
     height: 1px;