From 01effaa0f1137092083061b9473407a2a71aa82f Mon Sep 17 00:00:00 2001
From: pengx17 <pengxiao@outlook.com>
Date: Wed, 11 Dec 2024 10:34:57 +0000
Subject: [PATCH] fix(core): doc header drag preview styles (#9105)

---
 .../pages/workspace/detail-page/detail-page-header.css.ts   | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/frontend/core/src/desktop/pages/workspace/detail-page/detail-page-header.css.ts b/packages/frontend/core/src/desktop/pages/workspace/detail-page/detail-page-header.css.ts
index 8e5018f4b..35f6e76e3 100644
--- a/packages/frontend/core/src/desktop/pages/workspace/detail-page/detail-page-header.css.ts
+++ b/packages/frontend/core/src/desktop/pages/workspace/detail-page/detail-page-header.css.ts
@@ -1,3 +1,4 @@
+import { cssVarV2 } from '@toeverything/theme/v2';
 import { style } from '@vanilla-extract/css';
 
 export const root = style({
@@ -49,4 +50,9 @@ export const dragHandle = style({
 export const dragPreview = style({
   // see https://atlassian.design/components/pragmatic-drag-and-drop/web-platform-design-constraints/#native-drag-previews
   maxWidth: '280px',
+  border: `1px solid ${cssVarV2('layer/insideBorder/border')}`,
+  padding: '4px 16px',
+  overflow: 'hidden',
+  backgroundColor: cssVarV2('layer/background/primary'),
+  borderRadius: '12px',
 });