feat: improve styling

packages/app/src/pages/index.tsx

@@ -14,7 +14,7 @@ import { extend } from 'umi-request';
 
 const request = extend({
   prefix: process.env.API_URL,
-  timeout: 1000,
+  timeout: 30000,
 });
 
 const RouteSwitch = createRouteSwitch({

packages/client/src/schemas/kanban/index.md

@@ -1 +1,32 @@
+---
+title: Kanban - 看板
+nav:
+  title: 组件
+  path: /client
+group:
+  order: 1
+  title: Schemas
+  path: /client/schemas
+---
+
+# Kanban - 看板
+
+## Node Tree
+
+<pre lang="tsx">
+<Kanban>
+  <Kanban.Card>
+    // 看板卡片
+    <Kanban.Item>
+      <Input/>
+    </Kanban.Item>
+  </Kanban.Card>
+  <Kanban.Card.View>
+    // 查看卡片详情
+  </Kanban.Card.View>
+</Kanban>
+</pre>
+
+## Examples
+
 <code src="./demos/demo1.tsx" />

packages/client/src/schemas/kanban/index.tsx

@@ -351,8 +351,7 @@ const InternalKanban = observer((props: any) => {
           }
         }}
       >
-        <DragOverlay style={{ background: 'yellow' }}>
-          {/* <div>aaa</div> */}
+        <DragOverlay>
           <div
             className={'nb-kanban-drag-overlay'}
             dangerouslySetInnerHTML={{ __html: dragOverlayContent }}
@@ -477,6 +476,7 @@ Kanban.Card = observer((props) => {
         onClick={(e) => {
           setVisible(true);
         }}
+        hoverable
         bordered={false}
         {...others}
       >

packages/client/src/schemas/kanban/style.less

@@ -23,6 +23,16 @@
   }
 }
 
+.nb-kanban-drag-overlay {
+  .isDragging {
+    opacity: 1 !important;
+    box-shadow: 0 1px 2px -2px rgb(0 0 0 / 16%), 0 3px 6px 0 rgb(0 0 0 / 12%), 0 5px 12px 4px rgb(0 0 0 / 9%);
+  }
+  .designable-bar {
+    display: none !important;
+  }
+}
+
 .nb-kanban-item {
   position: relative;
   // padding: 0;