From dd5923ed7b5833b4abb22b1e502918437471cc71 Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@outlook.com>
Date: Thu, 12 Dec 2024 17:49:46 +0800
Subject: [PATCH] fix(core): backlinks styles

---
 .../bi-directional-link-panel.css.ts                  | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.css.ts b/packages/frontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.css.ts
index 2c185be276cbf..96396de5f7017 100644
--- a/packages/frontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.css.ts
+++ b/packages/frontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.css.ts
@@ -79,6 +79,10 @@ export const link = style({
   alignItems: 'center',
   gap: '4px',
   whiteSpace: 'nowrap',
+  borderRadius: '4px',
+  ':hover': {
+    backgroundColor: cssVarV2('layer/background/hoverOverlay'),
+  },
 });
 
 globalStyle(`${link} .affine-reference-title`, {
@@ -88,17 +92,20 @@ globalStyle(`${link} .affine-reference-title`, {
 export const linkPreviewContainer = style({
   display: 'flex',
   flexDirection: 'column',
+  gap: '12px',
+  marginTop: '4px',
+  marginBottom: '16px',
 });
 
 export const linkPreview = style({
-  border: `1px solid ${cssVarV2('layer/insideBorder/border')}`,
+  border: `0.5px solid ${cssVarV2('layer/insideBorder/border')}`,
   borderRadius: '8px',
   padding: '8px',
-  marginBottom: '8px',
   color: cssVarV2('text/primary'),
   vars: {
     [cssVar('fontFamily')]: cssVar('fontSansFamily'),
   },
+  backgroundColor: cssVarV2('layer/background/secondary'),
   ':hover': {
     backgroundColor: cssVarV2('layer/background/hoverOverlay'),
   },