Bugfix/board style (#321)

* fix style

* fix drag bounds

* fix drag bounds

* delete log

* delete log

* fix:lint

* fix:lint

* fix:lint

* fix:bounds show

libs/components/board-draw/src/TlDraw.tsx

@@ -362,7 +362,7 @@ const InnerTldraw = memo(function InnerTldraw({
 
     // Hide bounds when not using the select tool, or when the only selected shape has handles
     const hideBounds =
-        (isInSession && app.session?.constructor.name !== 'BrushSession') ||
+        (isInSession && app.session?.constructor.name === 'BrushSession') ||
         !isSelecting ||
         isHideBoundsShape ||
         !!pageState.editingId;

libs/components/board-draw/src/components/align-panel/index.tsx

@@ -56,7 +56,8 @@ const SelectableContainer = styled('div')<{ selected?: boolean }>(
         borderRadius: '5px',
         overflow: 'hidden',
         margin: '5px',
-        padding: '3px',
+        width: '24px',
+        height: '24px',
         cursor: 'pointer',
         boxSizing: 'border-box',
         '&:hover': {

libs/components/board-draw/src/components/command-panel/CommandPanel.tsx

@@ -2,7 +2,6 @@ import { TLDR, TldrawApp } from '@toeverything/components/board-state';
 import { Divider, Popover, styled } from '@toeverything/components/ui';
 import { Fragment } from 'react';
 import { AlignOperation } from './AlignOperation';
-import { ArrowTo } from './ArrowTo';
 import { BorderColorConfig } from './BorderColorConfig';
 import { DeleteShapes } from './DeleteOperation';
 import { FillColorConfig } from './FillColorConfig';
@@ -107,12 +106,12 @@ export const CommandPanel = ({ app }: { app: TldrawApp }) => {
                 shapes={config.deleteShapes.selectedShapes}
             ></AlignOperation>
         ) : null,
-        toNextShap: (
-            <ArrowTo
-                app={app}
-                shapes={config.deleteShapes.selectedShapes}
-            ></ArrowTo>
-        ),
+        // toNextShap: (
+        //     <ArrowTo
+        //         app={app}
+        //         shapes={config.deleteShapes.selectedShapes}
+        //     ></ArrowTo>
+        // ),
     };
 
     const nodes = Object.entries(configNodes).filter(([key, node]) => !!node);